Cypress CT 1/8 - Diving in the Deep End with Cypress Component Testing

💻 Code: github.com/lmiller1990/vuejs-...
🐦 Twitter: / lachlan19900
🎥 Course: "Composition API" lachlanmiller.gumroad.com/l/v...
👉 $10 off with CYPRESS_CT_YT)
📖 Book: "Design Patterns for Vue.js" lachlan-miller.me/design-patt...
👉 $5 off with the code "YT_5_OFF"
🚀 Cypress CT Docs: docs.cypress.io/guides/compon...

[@wobsoriano]

Gold mine series again!

[@pritamkumarsah1017]

how can we generate code coverage report of the component tests?

[@LachlanMiller]

There is glebbahmutov.com/blog/component-code-coverage/ Google around, there is some resources to implement this.

[@kangz4740]

it looks like unit test? why need cypress test the simple component?

[@LachlanMiller]

I like to see the UI that is rendered. How do you prefer to write a unit test for your component?

[@kangz4740]

​ @Lachlan Miller I prefer write component unit test with jest/vitest. Cypress used the element attribute slot with e2e test user behavior.

[@LachlanMiller]

@@kangz4740 Why do you prefer Jest/Vitest to a browser based runner?