Test Driven Development in Vue with Cypress
summary
Shows exactly how to drive a Vue feature from a failing end-to-end test to tiny component tests using outside-in testing, with Cypress (the uploader notes Cypress is available in Vue CLI 3) and Vue Test Utils patterns. The demo writes an acceptance test, watches it fail, adds a minimal component, drops into a component test, implements v-model and emits, and iterates red green refactor to keep code minimal changeable code and testable.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 2:52Javascript Testing is Getting Big
- 4:30Why Test Driven Development?
- 7:53Focusing on Design
- 8:48Focusing on Flexibility
- 9:52Guidelines
- 11:37TDD (Test Driven Development)
- 37:52Minimal, Changeable Code
- 42:12Thanks
- 42:33Q+A
related talks
25mTesting Vue Components with Cypress
24mWriting Good Tests for Vue Applications
48mComponent Testing with Vite, Vue, and Cypress
30mIntroducing Component Testing with Cypress
53mTesting with Vite and the Cypress Component Test Runner
42mStress-free Testing for Vue
38mComponent Testing with Vite, Vue, and Cypress
22mCypress Component Testing