Component Testing with Vite, Vue, and Cypress | Jessica Sachs

Cypress's component test runner interacts with your components as a user would, meaning you can debug using your favorite dev tools. Together, we'll look at a workflow with Vite, Vue, and Cypress.

This talk was given at Codementor Event’s annual developer conference, and it covers:
- The biggest problem with component testing
- Testing in the browser with Cypress
- Exploring components with a Playground

Jess is a Tech Lead with over 10 years of experience in coding. She’s also a Core Team Member of Faker, a contributor to Vue, Vitest, and an educator at Vue Mastery.

Tyler’s articles have been read by over one million devs worldwide.
🔗 Link to #DGS2022 developer conference page
https://www.codementor.io/events/deve...
📆 Codementor Events
https://www.codementor.io/events
💻 Find a coding mentor
https://www.codementor.io

0:00 Host intro
1:56 Speaker's intro
3:35 Agenda
5:47 Why test?
9:53 Testing types
11:25 Characteristics of an E2E test
13:12 Integration test
14:37 Component test
18:53 Cypress intro
21:37 Cypress 10 UI tour
25:28 Component testing example (Tabs)
28:47 Short Q&A
31:16 Vuetify example (canvas component)
34:05 Example (radio component)
46:15 Resources & closing

---

Follow Jessiva on his socials:
🐦 Twitter: Twitter: _JessicaSachs
🐱 GitHub: https://github.com/JessicaSachs
🟪 Personal site: https://jess.sh

---

👋 Stay connected with us on social:
Twitter: Twitter: codementorIO
LinkedIn: LinkedIn: codementor
Facebook: Facebook: codementor

#ComponentTesting #Vue #Cypress #Vite

• #science_technology
• #codementor
• #developer
• #programming
• #coding
• #mentorship