Automated Visual Regression & Accessibility Testing
summary
Claims reproducible CI and local suites using Playwright and Docker, with accessibility checks via axe-core and CI orchestration with GitHub Actions. Demonstrates generating a JSON list of routes, running per-route Axe audits (example result: one page passes two fail), and pixel-by-pixel visual regression screenshots against baselines, showing missing headshot diffs. Shows Dockerfile using Playwright image to eliminate flakiness, plus artifacts and optimization ideas like a shared build artifact to speed pipelines.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:38Invest in automated testing
- 4:29Automated testing toolbox
- 6:36Accessibility testing setup
- 13:45Visual regression testing
- 16:39Reliable visual regression tests
- 18:27Automate tests in CI/CD
- 21:55Optimize CI/CD workflow
- 23:21Benefits of automated testing
- 24:01Closing
related talks
14mAutomated Visual Regression and Accessibility Testing Made Easy
28mAutomating Accessibility with Playwright
32mWeb Accessibility testing with playwright.js & axe-core
13mHow to Use Playwright for Automating Accessibility Testing
35mAutomated Accessibility Testing
53mAutomating Accessibility Assurance
33mAutomated Accessibility Testing
25mHow to do good without doing anything