Moonpig Tech Blog
Published in

Moonpig Tech Blog

How We Automate Accessibility Testing at Moonpig

By Robert Smith

Lighthouse

Moonpig homepage Lighthouse audit

ESLint JSX A11Y Plugin

Accessibility plugin highlighting the fact our labels are not correctly associated with their input fields.

Jest Axe

Jest Axe reporting a failure due to an image not having an alt attribute set.

React Testing Library

Testing Keyboard Navigation

  • Longer feedback loop. Not only are these tests slower to run, you also lose the power of watch mode as Jest watch mode will look at your dependency graph and run all the appropriate tests based on what’s changed since your last commit. Cypress for example (A browser-based testing runner) will only watch against your spec files and runs against compiled output.
  • Because the browser based test runners run against compiled output you lose the ability to run test coverage against the source.

Summary

Author

--

--

Learn about how we use technology, lean and agile practices to succeed in the online personalisation market whilst moving at supersonic speed.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store