Fix page audit script (#1222)

Fixes the page audit script that has been broken for a while now. To do this, I had to update to the latest versions of `lighthouse` and `puppeteer`. This in turn meant that I had to convert `lighthouse-audit.js` to ESM, because `lighthouse` started using ESM as well.

Author: crisbeto

.aspect/rules/external_repository_action_cache/npm_translate_lock_LTE4Nzc1MDcwNjU=

@@ -1,6 +1,6 @@
 # Input hashes for repository rule npm_translate_lock(name = "npm", pnpm_lock = "//:pnpm-lock.yaml").
 # This file should be checked into version control along with the pnpm-lock.yaml file.
 .npmrc=-1306950124
-pnpm-lock.yaml=897100486
-yarn.lock=301484834
-package.json=-1393640632
+pnpm-lock.yaml=-1236521065
+yarn.lock=86022894
+package.json=1192278631

.circleci/config.yml

@@ -11,12 +11,12 @@
 version: 2.1
 
 orbs:
-  browser-tools: circleci/[email protected].0
+  browser-tools: circleci/[email protected].4
   devinfra: angular/[email protected]
 
 # Cache key for CircleCI. We want to invalidate the cache whenever the Yarn lock file changes.
 var_1: &cache_key material-angular-io-{{ .Branch }}-{{ checksum "yarn.lock" }}
-var_2: &default_docker_image cimg/node:16.17.1-browsers
+var_2: &default_docker_image cimg/node:18.17.1-browsers
 
 # Settings common to each job
 var_3: &job_defaults
@@ -97,10 +97,15 @@ jobs:
       - attach_workspace:
           at: *workspace_location
       - checkout
+      - browser-tools/install-chrome
       - restore_cache:
           key: *cache_key
       - *yarn_install
-      - run: yarn test:audit:ci
+      - browser-tools/install-browser-tools
+      - run:
+          command: yarn test:audit:ci
+          environment:
+            CHROMIUM_BIN: '/usr/bin/google-chrome'
 
   bazel-build:
     <<: *job_defaults

BUILD.bazel

@@ -55,7 +55,7 @@ js_test(
     "$(location //:build.production)",
   ],
   data = [
-    "tools/lighthouse-audit.js",
+    "tools/lighthouse-audit.mjs",
     "//:build.production",
     "//:node_modules/lighthouse",
     "//:node_modules/lighthouse-logger",

package.json

@@ -88,11 +88,11 @@
     "karma-jasmine": "^4.0.1",
     "karma-jasmine-html-reporter": "^1.5.4",
     "light-server": "^2.9.1",
-    "lighthouse": "~7.2.0",
+    "lighthouse": "~11.0.0",
     "lighthouse-logger": "~1.2.0",
     "npm-run-all": "^4.1.5",
     "protractor": "^7.0.0",
-    "puppeteer": "~8.0.0",
+    "puppeteer": "~21.1.0",
     "shelljs": "^0.8.4",
     "ts-node": "^8.10.2",
     "typescript": "~5.1.3"