VueConf US 2021 | Component testing with Vite, Vue, and Cypress
summary
Live demo wires Vite, Vue 3, and the Cypress component test runner to mount a modal, exercise its visible prop, type email and zip, click submit and assert a emitted save object plus the native submit event; failures are debugged visually in the browser instead of console logs. A tiny playground enumerates permutations of a base button. Hot reload (not full HMR) gives subsecond updates and source maps remain correct.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 0:30Component testing with Vite, Vue, and Cypress
- 1:15The biggest problem with component testing
- 5:14Testing in the browser gives you visibility
- 21:49Exploring components with a Playground
- 26:41Where's vite in all this?
- 28:25What did we learn?
related talks
53mTesting with Vite and the Cypress Component Test Runner
48mComponent Testing with Vite, Vue, and Cypress
42mStress-free Testing for Vue
22mCypress Component Testing
38mComponent Testing with Vite, Vue, and Cypress
25mTesting Vue Components with Cypress
05mUsing Cypress to test a Vue Site with Ademola Bhadmus (Pt 1)
30mIntroducing Component Testing with Cypress