It's a Testing Trap
summary
Covers concrete traps and fixes: unit and component tests with Jest and Vue Test Utils, plus end-to-end work in Cypress; claims slow pipelines, flaky tests and painful maintenance come from brittle CSS selectors, excessive abstractions, placeholder names and fixed waits. Shows an E2E that creates a product and checks out, demonstrates a custom command causing delays, and prescribes flat test design, few helpers, realistic fixtures, waiting for API responses and UI changes, using data-test attributes, following arrange-act-assert and Given-When-Then to keep tests fast and trustworthy.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 0:45Who am I
- 1:19My childhood
- 1:57Its a trap
- 3:37Slow tests
- 4:42Empaths
- 5:23Mindset
- 6:25Test Design
- 8:02Test Abstract
- 9:45Test Name
- 10:55Triple A Pattern
- 14:24cyprus
- 14:59foobar
- 17:30selectors
- 19:42waiting dynamically
- 20:48Star Wars
- 21:29The Golden Rule
- 22:54Outro
related talks
30mIt's a (testing) trap! - Common end-to-end pitfalls and how to solve them
19mIt's a (Testing) Trap! - Common Testing Pitfalls and How to Solve Them
39mTesting, Testing, 1, 2, NaN
38mHow to Stop Hating Tests with Jest, Supertest and Cypress
50mTest Driven Development in Vue with Cypress
24mWriting Good Tests for Vue Applications
28mBuilding Test Strategy for Vue.js application
57mScaling the Testing Pyramid in JavaScript