Writing Good Tests for Vue Applications
summary
Claims a practical TDD workflow: write specifications first and decouple all the things. Shows a shopping‑list app with component tests and Playwright end‑to‑end tests, explains wrapping framework APIs so Cypress/Playwright/ReTEST swap requires changing one driver file, replaces brittle CSS selectors with Testing Library semantic selectors, and builds a small remove‑item feature via component test then E2E verification. Live coding demonstrates the tests drive UI changes and the final E2E test passes.
AI-written summary · about
chapters (9)
- 0:00Intro
- 2:06How to Write Good Tests?
- 2:25Write Tests First!
- 2:45Decoupling From the Test Framework
- 7:15Decoupling From Implementation Details
- 12:18Decoupling From the User Interface
- 17:16Let's Get Visual
- 17:57Write Specifications First!
- 24:15Enjoy your work!
related talks
31mWriting (Really) Good Tests
50mTest Driven Development in Vue with Cypress
21mTesting Vue Apps
35mVue Component Testing from a Team that Wrote Unit Tests for a Year Straight
25mTesting Vue Components with Cypress
26mWe May Not Need Component Testing
30mTips, Tricks, and Best Practices
23mSeven ways to make your Vue component tests better