How to Add Component Tests to Web Apps

Explore component testing in web applications with Cypress in this comprehensive 90-minute video tutorial. Learn about the relationship between component tests and end-to-end tests, and discover how they can improve accessibility. Follow along as Ely Lucas demonstrates how to add component tests to a React app using Cypress, covering topics such as Cypress's role in modern web development, UI breakage detection, configuration file setup, and writing tests in Mocha. Gain practical insights on what to test, create interfaces and login forms, and learn how to submit forms effectively. By the end of this tutorial, you'll have a solid understanding of component testing and how to implement it in your web development projects.

- Welcome
- Who is Ely Lucas?
- How does Cypress fit into the modern web dev stack?
- Can Cypress let us know when we’ve broken our UI?
- What is component testing?
- Starting out with Cypress
- Choosing End to End or Component Testing
- Configuration files explained
- Tests written in mocha
- What is worth testing?
- Creating an interface
- Building a login form
- Submitting the form
- Where can people find out more about Cypress?