Cypress 10 Component Testing Tutorial

Nikolay Advolodkin
2 min readAug 8, 2022

Cypress 10 was just released with a new feature called Component Testing. Cypress 10 Component Testing Tutorial will help you to learn what it is and how to use it.

In the is new tutorial, you will learn how to:

✅​ To setup Cypress 10 for component testing

✅​ To code a component test

✅ To implement a test spy

✅ The benefits of using component tests


0:00 Introduction

0:31 Installing Cypress 10

02:53 Setting Up Component Test

05:14 Mounting A Component

08:57 First 2 Tests

13:11 How To Test A Button With A Component Test

18:38 Spy

Watch FULL Video Tutorial Now! 👇👇👇

Cypress 10 Component Testing Tutorial 🔍

If you liked this tutorial then you might love the Modern React and NodeJS Development Course

  • Learn how to create Modern web applications as a full stack developer
  • Create a front-end, a web API, test and deploy the web apps, and so much more


What students are saying?

83% speed improvement in test suite! We started with 150 tests running in 1 hr. After learning the correct parallelization approach from Nikolay, with thread-safety, we can now run 3 jobs, using 3 threads, in 10 min for the whole suite!

Andrei R, Software Tester

It took me six to eight months to work through the course in my limited spare time. I was able to write about 70 automated tests using the ideas and teachings from the course before losing my job due to COVID. With the training and actual (limited) experience, I was able to land on my feet with a new position as a front end developer.

Life changing?

Yes, I put in the work, and this course provided me the track to run on. It helped me be effective and intentional with my code and test cases. One the most useful things about the course is the references to others work and ideas. It allowed me to continue learning even after I finished the course.

Michael S, Front-End Developer



Nikolay Advolodkin

Nikolay Advolodkin is a self-driven SDET on a lifelong mission to create profound change in the IT world and ultimately leave a legacy for his loved ones