Uploaded November 2023 | Updated September 2026, 2 weeks ago
Let's dive into Cypress component testing for Vue, and look at how to mount a component and test its behavior from a user's perspective, in the browser. Mark Noonan talks about best practices for slots, props, events, and other common scenarios that Vue developers might run into, like how to provide a router or global store to your components when needed.
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 vuemastery.com/courses
0:00 Intro
0:53 I have 7 failing component tests
5:12 What is Cypress?
9:52 Ok, back to fixing components
21:28 Component tests are neat!
Let's dive into Cypress component testing for Vue, and look at how to mount a component and test its behavior from a user's perspective, in the browser. Mark Noonan talks about best practices for slots, props, events, and other common scenarios that Vue developers might run into, like how to provide a router or global store to your components when needed.
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 vuemastery.com/courses
0:00 Intro
0:53 I have 7 failing component tests
5:12 What is Cypress?
9:52 Ok, back to fixing components
21:28 Component tests are neat!
