Stress-free Testing for Vue
summary
Live demo shows Cypress 10 running component tests with Vite and Vue, mounting components directly and using the Composition API to toggle state. The workflow claims faster, browser-based debugging, visual time travel, and reusable Vite configs. A modal is refactored to accept modelValue, emits are spied on and asserted, and a Vuetify color-picker test is shown to work in practice. The presentation emphasizes practical rebuilds, compiler issues encountered, and that the component workbench approach actually ships.
AI-written summary · about
chapters (8)
- 0:00Introduction and new Cypress video
- 2:50Component Driven Development with Cypress 10, Vite, and Vue
- 4:30About Jessica
- 6:26Why do we test?
- 9:52Cypress's Vite-based Architecture
- 11:13Demo
- 38:26Component Testing Timeline
- 40:14What's next?
related talks
48mComponent Testing with Vite, Vue, and Cypress
53mTesting with Vite and the Cypress Component Test Runner
31mVueConf US 2021 | Component testing with Vite, Vue, and Cypress
22mCypress Component Testing
38mComponent Testing with Vite, Vue, and Cypress
25mTesting Vue Components with Cypress
30mIntroducing Component Testing with Cypress
21mTesting Vue Apps