Cypress Studio now records and asserts inside Shadow DOM elements for modern web components. Try it today and see what’s coming next with Studio AI.

Cypress's platform is a resource for developers and QA engineers, offering insights into end-to-end testing, test automation frameworks, and modern web application testing. Through articles, tutorials, and documentation, Cypress offers insights into writing and running automated tests for web applications. Developers can learn about Cypress's testing features, including real-time feedback, browser snapshots, and debugging tools, to ensure the quality and reliability of their web applications.

cypress

Cypress Studio now supports recording interactions and assertions within Shadow DOM elements, enabling automated test generation for apps built with modern web component frameworks like Lit, Stencil, FAST, and Lightning Web Components. The update allows developers to click, type, and assert on elements inside open shadow roots without manually writing commands. Studio automatically detects Shadow DOM boundaries and generates precise selectors using the .shadow() command. The announcement also previews Studio AI, an upcoming feature that will provide AI-powered assertion suggestions during test recording.

Interact and Assert on Shadow DOM in Cypress Studio