~/talk

How to Catch a11y Defects During Unit and E2E Testing

Talkat TestJS Summit 2021 · 2021-11-18..11-19· [accessibility, testing]
slides:none on file

Adds automated a11y checks into unit tests with jest and into end-to-end tests with cypress using axe, on a small Studio Ghibli search app. Shows concrete changes: setup file with jest, adding types and a support import, and inject axe in Cypress beforeEach. Runs tests that deliberately fail and prints violations to the console so fixes target real issues. Asserts accessibility at component and page level with expect(...).toHaveNoViolations(), preventing late-stage regression.

AI-written summary · about

  1. 0:00Start
  2. 0:43Fixing Accessibility Bug
  3. 2:38Install a Jsx
  4. 3:40Unit Tests
  5. 5:01Commands To Install Cyprus
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.