Automated Accessibility Testing

Contents

1. Intro & Setup

2. Isolate Components with Storybook

   1. An Overview of Storybook
   2. Add a Component Story to Storybook

3. Unit Testing with Jest and Testing Library

   1. Overview of Unit Testing with Jest and Testing Library
   2. Accessibility-focused Unit Testing in Jest
   3. Unit Testing Form Fields

4. Test Components with Cypress Component Testing

   1. Overview of Cypress Component Testing
   2. Fix a Failing Cypress Component Test
   3. Write Additional Tests for the MegaNav
   4. Specify Test Rules with cypress-axe

5. Integration Testing with Cypress

   1. Overview of Integration Testing with Cypress
   2. Page-Level Testing with Cypress & cypress-axe
   3. Challenge: Add an aria-current Test for the Homepage
   4. Write a Modal Test with Cypress
   5. Cypress Integration Tests for Client-Side Routing
   6. Wrapping Up Cypress

6. Functional Accessibility Testing with Jest-Puppeteer

   1. An Overview of Puppeteer & The Accessibility Tree
   2. Snapshot Testing the Accessibility Tree

7. Continuous Integration (CI) with GitHub Actions

   1. Configure GitHub Actions for Continuous Integration