Wait, I have to test the front end too?
summary
Shows how to add linting with eslint config and stylelint to catch syntax and style errors, then run pally (pa11y) via Puppeteer to write JSON results and screenshots (pally writes pali.json and saves screenshots in a results folder) to check WCAG AA/AAA across three pages. Demonstrates Backstop JS visual regression with the backstop approve workflow (initial run: 0 pass, 2 fail), and Cypress end-to-end tests with device viewports that find and fix selector and layout regressions.
AI-written summary · about
chapters (8)
- 0:00Start
- 2:33Why test?
- 3:05What about the front end?
- 3:17The front end matters too
- 3:58Linting
- 11:21Accessibility Testing
- 29:20backstop init
- 34:29Can yield false results
related talks
42mWait, I have to test the front end too?
49mWait, I have to test the front end too?
49mVisual Regression Testing with BackstopJS
35mTesting in Frontend World
35mAutomated Accessibility Testing
24mAutomated Visual Regression & Accessibility Testing
42mFunctional and Visual Testing for Web Applications
01h 06mnpm run a11y-test