Working Well: The Future of Web Testing

on YouTube ↗19m

" summary

Automated tests move from “it works” to measuring real quality: headless Chrome plus the Chrome DevTools Protocol let tests record performance traces, runtime code coverage and DOM accessibility checks. High-level tooling like Puppeteer and axe-core integrates with browser instrumentation, and application-level suites such as ember macro benchmark produce reproducible macro‑benchmarks. Examples include automated accessibility sweeps of every linkable page, repeatable render time boxplots, and coverage maps that flag unused JS shipped to users.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 1:54Benefit of Automated Testing
3. 2:43What Is a Quality Experience for a Web App
4. 5:15The Chrome Dev Tools Protocol
5. 5:33Webdriver
6. 6:37Puppeteer
7. 9:47Accessibility
8. 11:36Performance
9. 12:24Macro Benchmarks
10. 12:55Ember Macro Benchmark
11. 14:34Code Coverage
12. 15:20Code Coverage Tool

" related talks

• 21mWorking Well, The Future of JavaScript TestingTrent Willis · Assert(js) 2018
• 38mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · Voxxed Days Frontend Bucharest 2019
• 30mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · DjangoCon US 2021
• 37mAutomated Performance Testing With WebDriverChristian Bromann · TestCon Europe 2019
• 35mState of end-to-end testing for modern web applicationsVlad Filippov · REFACTOR DX 2023
• 55mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · NDC Minnesota 2019
• 53mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · GeeCON 2019
• 36mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · TestCon Vilnius 2018