Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Add Component Tests to Web Apps

Learn With Jason via YouTube

Overview

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.

Syllabus

- 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?

Taught by

Learn With Jason

Reviews

Start your review of How to Add Component Tests to Web Apps

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.