Update Puppeteer to `22`

[jcarstairs-scottlogic]

We're using Puppeteer ~9.9.1. Puppeteer now only officially supports versions >= 19.4.0. At the time of writing, the latest stable version is 21.5.2. As this is quite a big dependency, it's probably a good idea to try and update this.

(Sorry that this issue isn't well fleshed-out! I thought it was better to have it written down without any research than not at all.)

[jamesobrooks]

Also of note, the Puppeteer image is no longer maintained by Buildkite. We recently ran into an issue where a language feature did not have browser support because the version of Chrome is out-of-date.

[lanesawyer]

+1 to getting this issue resolved, we were trying to integrate pa11y into our codebase but newer native APIs (like structuredClone) cause it to crash.

We're trying to figure out if we can hack our own version of pa11y-ci together with the base pa11y tool in the meantime, since we don't want to add a polyfill just for a developer tool, but it would be super nice for the ci tool to get updated!

[erikwatson]

The old version of Chromium bundled with Puppeteer has been giving us some problems too.

the Main branch has a more up to date version of Puppeteer than the last release does, it was updated in this commit - 79f3449e187288ec93b2152c870d530adde20248

So for the time being I've told npm to install pa11y-ci from Github, at that specific commit. Seems to do the job.

"devDependencies": {
  "pa11y-ci": "https://github.com/pa11y/pa11y-ci#79f3449e187288ec93b2152c870d530adde20248",
}