Cypress Component Testing provides a real browser environment for building and testing isolated components in the browser. This means all of the Cypress tooling for writing and debugging end-to-end tests can now be used for components.

This talk will show you how to set up component testing and test some common scenario. Multiple frameworks and bundlers are supported in Cypress, but the core principles of how testing works are the same in all of them, so this content should be applicable whether you use React, Vue, Angular, Svelte or something else entirely.

We'll use examples to talk about common test situations and some early gotchas you might experience when getting started.