Scalable Testing Practices for Modern Apps
summary
Framework argues for a layered testing strategy and gives concrete tooling and commands: use Cypress for component testing by mounting components in a real browser DOM (no jsdom), run the experimental runner with open-ct and use the @cypress/vue mount function for Vue/Nuxt components, add viewport commands for responsive checks, take visual snapshots with Cypress plugins, measure coverage with the Cypress code‑coverage plugin, and enable test retries to reduce and surface flaky tests.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:14Choosing test types
- 2:57Layered testing approach
- 7:56Component testing with DOM
- 13:16Code coverage pitfalls
- 16:46Visual testing
- 18:52Flaky tests in CI
- 24:04Summary
related talks
24mStrategy & Success with Adopting Cypress Component Testing
38mComponent Testing with Vite, Vue, and Cypress
29mAutomated Testing for the Modern Web
30mIntroducing Component Testing with Cypress
26mModern Testing Practices in Frontend Applications
38mFrontend Tests: what nobody said to you
35mI Like My Tests, Like I Like My Friends, Reliable and Flake-Free
57mScaling the Testing Pyramid in JavaScript