Write Fewer Tests! From Automation to Autogeneration

on YouTube ↗27m

" summary

Argues that exhaustive tests are auto-generated from a state-machine model so tests are created and regenerated when the model changes, not handwritten. Demonstrates a feedback app where the model yields 12 paths, a missing submit button causes a failing path reproduction, and a tic‑tac‑toe model enumerates every winning combination. Uses React Testing Library for DOM assertions and drives real browsers with Puppeteer, orchestrated by a new harness called X state test that emits concrete test cases.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 4:46Importance of Tests
3. 6:14Model-Based Testing
4. 10:30Generate Abstract Tests
5. 13:15Finite State Machine
6. 15:38Generate Test Plans
7. 16:12Feedback App
8. 19:54Time Travel Debugging
9. 20:56Tic-Tac-Toe Game

" related talks

• 45mWrite fewer tests! Model-based testing in ReactDavid Khourshid · ReactConf AU 2020
• 31mModel-Based E2E Testing With State MachinesErik Rasmussen · Infobip Shift 2023
• 25mMastering UIs with Finite State MachinesRubén Sospedra · JS Kongress 2019
• 29mReactive State Machines and StatechartsDavid Khourshid · ReactiveConf 2018
• 26mThe missing piece of testingMaciej Myśliński · FrontEnd Con 2018
• 27mAutomated Testing for the Modern WebJennifer Shehane · JSConfCO 2018
• 47mREACTive Automation: How to Avoid Shooting Yourself in the FootSergey Korol · QA Fest 2018
• 38mState of the Art Web User Interfaces with State MachinesDavid Khourshid · Full Stack Fest 2018