Make backend devs jealous of your test suite
summary
Argues that front-end test suites can outpace back-end ones by showing concrete tools and outcomes: a live cowboy horoscope demo built with React and Redux that isolates business logic so redux separates logic for easier unit tests, Enzyme + Jest snapshot tests for components, and Percy visual diffs catching a subtle label shift across 320/1280 widths. Shows WebdriverIO + BrowserStack for CI end-to-end runs, describes saved debugging time, fewer flaky tests, and the trade-off of Percy’s cost versus reduced regressions.
AI-written summary · about
chapters (14)
- 0:00Start
- 2:32More than catching bugs
- 2:54Better than any readme
- 3:25Signal to refactor
- 8:23Enzyme
- 10:54A brief plug for Redux
- 13:45What is snapshot testing?
- 19:12Easy integration with React Storybook
- 20:06React Integration
- 21:41What's the catch?
- 22:191 Doesn't catch everything 2
- 25:23Browserstack Automate
- 30:37Front end Renaissance
- 30:59Responsibility to Maintainability
related talks
35mTesting in Frontend World
37mFront-end Testing for Skeptics
26mImplementing a test suite in an existing Frontend application
30mTesting Front-End Applications
53mModern Web Testing: Going Beyond Selenium
39mTesting, Testing, 1, 2, NaN
49mFront-end Testing on Steroids
26mModern Testing Practices in Frontend Applications