lighthouse 9.5.0-dev.20220711 → 9.5.0-dev.20220714

package/{esm-utils.mjs → esm-utils.js}

@@ -6,7 +6,7 @@
 'use strict';
 // TODO(esmodules): rename to .js when root is type: module
 
-import module from 'module';
+import {createRequire} from 'module';
 import url from 'url';
 import path from 'path';
 
@@ -15,7 +15,7 @@ import path from 'path';
  * @param {string} packageName
  */
 function resolveModulePath(packageName) {
-  const require = module.createRequire(import.meta.url);
+  const require = createRequire(import.meta.url);
   return require.resolve(packageName);
 }
 

package/flow-report/tsconfig.json

@@ -21,6 +21,7 @@
     "./types",
     "../types/test.d.ts",
     "../root.js",
+    "../esm-utils.js",
     "../lighthouse-core/test/test-env/fake-timers.js",
   ],
 }

package/lighthouse-cli/bin.js

@@ -20,7 +20,6 @@
 import fs from 'fs';
 import path from 'path';
 import url from 'url';
-import module from 'module';
 
 import log from 'lighthouse-logger';
 
@@ -28,17 +27,14 @@ import * as commands from './commands/commands.js';
 import * as Printer from './printer.js';
 import {getFlags} from './cli-flags.js';
 import {runLighthouse} from './run.js';
-import lighthouse from '../lighthouse-core/index.js';
+import {generateConfig, generateLegacyConfig} from '../lighthouse-core/index.js';
 import {askPermission} from './sentry-prompt.js';
 import {LH_ROOT} from '../root.js';
+import {Sentry} from '../lighthouse-core/lib/sentry.js';
 import {getConfigDisplayString} from '../lighthouse-core/fraggle-rock/config/config.js';
 
 const pkg = JSON.parse(fs.readFileSync(LH_ROOT + '/package.json', 'utf-8'));
 
-// TODO(esmodules): use regular import when this file is esm.
-const require = module.createRequire(import.meta.url);
-const Sentry = require('../lighthouse-core/lib/sentry.js');
-
 /**
  * @return {boolean}
  */
@@ -122,10 +118,10 @@ async function begin() {
 
   if (cliFlags.printConfig) {
     if (cliFlags.legacyNavigation) {
-      const config = await lighthouse.generateLegacyConfig(configJson, cliFlags);
+      const config = await generateLegacyConfig(configJson, cliFlags);
       process.stdout.write(config.getPrintString());
     } else {
-      const config = await lighthouse.generateConfig(configJson, cliFlags);
+      const config = await generateConfig(configJson, cliFlags);
       process.stdout.write(getConfigDisplayString(config));
     }
     return;
@@ -138,7 +134,7 @@ async function begin() {
     cliFlags.enableErrorReporting = await askPermission();
   }
   if (cliFlags.enableErrorReporting) {
-    Sentry.init({
+    await Sentry.init({
       url: urlUnderTest,
       flags: cliFlags,
       environmentData: {

package/lighthouse-cli/commands/list-audits.js

@@ -4,10 +4,10 @@
  * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  */
 
-import lighthouse from '../../lighthouse-core/index.js';
+import {getAuditList} from '../../lighthouse-core/index.js';
 
 function listAudits() {
-  const audits = lighthouse.getAuditList().map((i) => i.replace(/\.js$/, ''));
+  const audits = getAuditList().map((i) => i.replace(/\.js$/, ''));
   process.stdout.write(JSON.stringify({audits}, null, 2));
   process.exit(0);
 }

package/lighthouse-cli/commands/list-trace-categories.js

@@ -4,10 +4,9 @@
  * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  */
 
-import lighthouse from '../../lighthouse-core/index.js';
+import {traceCategories} from '../../lighthouse-core/index.js';
 
 function listTraceCategories() {
-  const traceCategories = lighthouse.traceCategories;
   process.stdout.write(JSON.stringify({traceCategories}));
   process.exit(0);
 }

package/lighthouse-cli/run.js

@@ -15,7 +15,7 @@ import log from 'lighthouse-logger';
 import open from 'open';
 
 import * as Printer from './printer.js';
-import lighthouse from '../lighthouse-core/index.js';
+import lighthouse, {legacyNavigation} from '../lighthouse-core/index.js';
 import {getLhrFilenamePrefix} from '../report/generator/file-namer.js';
 import * as assetSaver from '../lighthouse-core/lib/asset-saver.js';
 import URL from '../lighthouse-core/lib/url-shim.js';
@@ -233,7 +233,7 @@ async function runLighthouse(url, flags, config) {
     }
 
     const runnerResult = flags.legacyNavigation ?
-       await lighthouse.legacyNavigation(url, flags, config) :
+       await legacyNavigation(url, flags, config) :
        await lighthouse(url, flags, config);
 
     // If in gatherMode only, there will be no runnerResult.

package/lighthouse-cli/test/smokehouse/core-tests.js

@@ -42,7 +42,7 @@ import perfFonts from './test-definitions/perf-fonts.js';
 import perfFrameMetrics from './test-definitions/perf-frame-metrics.js';
 import perfPreload from './test-definitions/perf-preload.js';
 import perfTraceElements from './test-definitions/perf-trace-elements.js';
-import pubads from './test-definitions/pubads.js';
+// import pubads from './test-definitions/pubads.js';
 import pwaAirhorner from './test-definitions/pwa-airhorner.js';
 import pwaCaltrain from './test-definitions/pwa-caltrain.js';
 import pwaChromestatus from './test-definitions/pwa-chromestatus.js';
@@ -103,7 +103,8 @@ const smokeTests = [
   perfFrameMetrics,
   perfPreload,
   perfTraceElements,
-  pubads,
+  // TODO(esmodules): enable when pubads is bundled again
+  // pubads,
   pwaAirhorner,
   pwaChromestatus,
   pwaSvgomg,

package/lighthouse-cli/test/smokehouse/frontends/smokehouse-bin.js

@@ -184,7 +184,7 @@ async function begin() {
   if (argv.runner === 'bundle') {
     console.log('\n✨ Be sure to have recently run this: yarn build-all');
   }
-  const {runLighthouse} = await import(runnerPath);
+  const {runLighthouse, setup} = await import(runnerPath);
   runLighthouse.runnerName = argv.runner;
 
   // Find test definition file and filter by requestedTestIds.
@@ -206,8 +206,8 @@ async function begin() {
     // If running the core tests, spin up the test server.
     if (testDefnPath === coreTestDefnsPath) {
       ({server, serverForOffline} = await import('../../fixtures/static-server.js'));
-      server.listen(10200, 'localhost');
-      serverForOffline.listen(10503, 'localhost');
+      await server.listen(10200, 'localhost');
+      await serverForOffline.listen(10503, 'localhost');
       takeNetworkRequestUrls = server.takeRequestUrls.bind(server);
     }
 
@@ -219,6 +219,7 @@ async function begin() {
       useLegacyNavigation: argv.legacyNavigation,
       lighthouseRunner: runLighthouse,
       takeNetworkRequestUrls,
+      setup,
     };
 
     smokehouseResult = (await runSmokehouse(prunedTestDefns, options));

package/lighthouse-cli/test/smokehouse/lighthouse-runners/bundle.js

@@ -19,7 +19,7 @@ import {once} from 'events';
 import puppeteer from 'puppeteer-core';
 import ChromeLauncher from 'chrome-launcher';
 
-import ChromeProtocol from '../../../../lighthouse-core/gather/connections/cri.js';
+import {CriConnection} from '../../../../lighthouse-core/gather/connections/cri.js';
 import {LH_ROOT} from '../../../../root.js';
 import {loadArtifacts, saveArtifacts} from '../../../../lighthouse-core/lib/asset-saver.js';
 
@@ -68,10 +68,14 @@ async function runBundledLighthouse(url, configJson, testRunnerOptions) {
   global.require = originalRequire;
   global.Buffer = originalBuffer;
 
-  /** @type {import('../../../../lighthouse-core/index.js')} */
+  /** @type {import('../../../../lighthouse-core/index.js')['default']} */
   // @ts-expect-error - not worth giving test global an actual type.
   const lighthouse = global.runBundledLighthouse;
 
+  /** @type {import('../../../../lighthouse-core/index.js')['legacyNavigation']} */
+  // @ts-expect-error - not worth giving test global an actual type.
+  const legacyNavigation = global.runBundledLighthouseLegacyNavigation;
+
   // Launch and connect to Chrome.
   const launchedChrome = await ChromeLauncher.launch();
   const port = launchedChrome.port;
@@ -81,9 +85,9 @@ async function runBundledLighthouse(url, configJson, testRunnerOptions) {
     const logLevel = testRunnerOptions.isDebug ? 'info' : undefined;
     let runnerResult;
     if (testRunnerOptions.useLegacyNavigation) {
-      const connection = new ChromeProtocol(port);
+      const connection = new CriConnection(port);
       runnerResult =
-        await lighthouse.legacyNavigation(url, {port, logLevel}, configJson, connection);
+        await legacyNavigation(url, {port, logLevel}, configJson, connection);
     } else {
       // Puppeteer is not included in the bundle, we must create the page here.
       const browser = await puppeteer.connect({browserURL: `http://localhost:${port}`});

package/lighthouse-cli/test/smokehouse/lighthouse-runners/cli.js

@@ -17,7 +17,7 @@ import {execFile} from 'child_process';
 
 import log from 'lighthouse-logger';
 
-import assetSaver from '../../../../lighthouse-core/lib/asset-saver.js';
+import * as assetSaver from '../../../../lighthouse-core/lib/asset-saver.js';
 import {LocalConsole} from '../lib/local-console.js';
 import {ChildProcessError} from '../lib/child-process-error.js';
 import {LH_ROOT} from '../../../../root.js';

package/lighthouse-cli/test/smokehouse/lighthouse-runners/devtools.js

@@ -10,60 +10,29 @@
 
 import fs from 'fs';
 import os from 'os';
-import {spawn} from 'child_process';
+import {execFileSync} from 'child_process';
 
 import {LH_ROOT} from '../../../../root.js';
+import {testUrlFromDevtools} from '../../../../lighthouse-core/scripts/pptr-run-devtools.js';
 
 const devtoolsDir =
   process.env.DEVTOOLS_PATH || `${LH_ROOT}/.tmp/chromium-web-tests/devtools/devtools-frontend`;
 
-/**
- * @param {string[]} logs
- * @param {string} command
- * @param {string[]} args
- * @return {Promise<boolean>} true if command exited successfully.
- */
-function spawnAndLog(logs, command, args) {
-  return new Promise((resolve) => {
-    const spawnHandle = spawn(command, args);
-    spawnHandle.on('close', code => {
-      if (code) {
-        logs.push(`[FAILURE] Command exited with code: ${code}\n`);
-      } else {
-        logs.push('[SUCCESS] Command exited with code: 0\n');
-      }
-      resolve(code === 0);
-    });
-    spawnHandle.on('error', (error) => {
-      logs.push(`ERROR: ${error.toString()}`);
-    });
-    spawnHandle.stdout.setEncoding('utf8');
-    spawnHandle.stdout.on('data', data => {
-      process.stdout.write(data);
-      logs.push(`STDOUT: ${data}`);
-    });
-    spawnHandle.stderr.setEncoding('utf8');
-    spawnHandle.stderr.on('data', data => {
-      process.stderr.write(data);
-      logs.push(`STDERR: ${data}`);
-    });
-  });
-}
-
-/** @type {Promise<boolean>} */
-let buildDevtoolsPromise;
 /**
  * Download/pull latest DevTools, build Lighthouse for DevTools, roll to DevTools, and build DevTools.
- * @param {string[]} logs
  */
-async function buildDevtools(logs) {
-  if (process.env.CI) return true;
+async function setup() {
+  if (process.env.CI) return;
 
   process.env.DEVTOOLS_PATH = devtoolsDir;
-  const success =
-    await spawnAndLog(logs, 'bash', ['lighthouse-core/test/devtools-tests/download-devtools.sh']) &&
-    await spawnAndLog(logs, 'bash', ['lighthouse-core/test/devtools-tests/roll-devtools.sh']);
-  return success;
+  execFileSync('bash',
+    ['lighthouse-core/test/devtools-tests/download-devtools.sh'],
+    {stdio: 'inherit'}
+  );
+  execFileSync('bash',
+    ['lighthouse-core/test/devtools-tests/roll-devtools.sh'],
+    {stdio: 'inherit'}
+  );
 }
 
 /**
@@ -77,37 +46,16 @@ async function buildDevtools(logs) {
  * @return {Promise<{lhr: LH.Result, artifacts: LH.Artifacts, log: string}>}
  */
 async function runLighthouse(url, configJson, testRunnerOptions = {}) {
-  /** @type {string[]} */
-  const logs = [];
-
-  if (!buildDevtoolsPromise) buildDevtoolsPromise = buildDevtools(logs);
-  if (!await buildDevtoolsPromise) {
-    const log = logs.join('') + '\n';
-    throw new Error(`failed to build devtools:\n${log}`);
-  }
-
-  const outputDir = fs.mkdtempSync(os.tmpdir() + '/lh-smoke-cdt-runner-');
   const chromeFlags = [
     `--custom-devtools-frontend=file://${devtoolsDir}/out/Default/gen/front_end`,
   ];
-  const args = [
-    'run-devtools',
-    url,
-    `--chrome-flags=${chromeFlags.join(' ')}`,
-    '--output-dir', outputDir,
-  ];
-  if (configJson) {
-    args.push('--config', JSON.stringify(configJson));
-  }
-
-  await spawnAndLog(logs, 'yarn', args);
-  const lhr = JSON.parse(fs.readFileSync(`${outputDir}/lhr-0.json`, 'utf-8'));
-  const artifacts = JSON.parse(fs.readFileSync(`${outputDir}/artifacts-0.json`, 'utf-8'));
+  const {lhr, artifacts, logs} = await testUrlFromDevtools(url, configJson, chromeFlags);
 
   if (testRunnerOptions.isDebug) {
+    const outputDir = fs.mkdtempSync(os.tmpdir() + '/lh-smoke-cdt-runner-');
+    fs.writeFileSync(`${outputDir}/lhr.json`, JSON.stringify(lhr));
+    fs.writeFileSync(`${outputDir}/artifacts.json`, JSON.stringify(artifacts));
     console.log(`${url} results saved at ${outputDir}`);
-  } else {
-    fs.rmSync(outputDir, {recursive: true, force: true});
   }
 
   const log = logs.join('') + '\n';
@@ -116,4 +64,5 @@ async function runLighthouse(url, configJson, testRunnerOptions = {}) {
 
 export {
   runLighthouse,
+  setup,
 };

package/lighthouse-cli/test/smokehouse/smokehouse.js

@@ -58,10 +58,19 @@ async function runSmokehouse(smokeTestDefns, smokehouseOptions) {
     retries = DEFAULT_RETRIES,
     lighthouseRunner = Object.assign(cliLighthouseRunner, {runnerName: 'cli'}),
     takeNetworkRequestUrls,
+    setup,
   } = smokehouseOptions;
   assertPositiveInteger('jobs', jobs);
   assertNonNegativeInteger('retries', retries);
 
+  try {
+    await setup?.();
+  } catch (err) {
+    console.error(log.redify('\nERROR DURING SETUP:'));
+    console.error(log.redify(err.stack || err));
+    return {success: false, testResults: []};
+  }
+
   // Run each testDefn in parallel based on the concurrencyLimit.
   const concurrentMapper = new ConcurrentMapper();
 
@@ -251,7 +260,7 @@ function logChildProcessError(localConsole, err) {
     localConsole.adoptStdStrings(err);
   }
 
-  localConsole.log(log.redify('Error: ') + err + '\n' + err.stack);
+  localConsole.log(log.redify(err.stack || err.message));
 }
 
 /**

package/lighthouse-core/audits/accessibility/accesskeys.js

@@ -10,8 +10,9 @@
  * See base class in axe-audit.js for audit() implementation.
  */
 
-const AxeAudit = require('./axe-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import AxeAudit from './axe-audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of an accesibility audit that evaluates if the accesskey HTML attribute values are unique across all elements. This title is descriptive of the successful state and is shown to users when no user action is required. */
@@ -24,7 +25,7 @@ const UIStrings = {
       '[Learn more](https://dequeuniversity.com/rules/axe/4.4/accesskeys).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class Accesskeys extends AxeAudit {
   /**
@@ -41,5 +42,5 @@ class Accesskeys extends AxeAudit {
   }
 }
 
-module.exports = Accesskeys;
-module.exports.UIStrings = UIStrings;
+export default Accesskeys;
+export {UIStrings};

package/lighthouse-core/audits/accessibility/aria-allowed-attr.js

@@ -10,8 +10,9 @@
  * See base class in axe-audit.js for audit() implementation.
  */
 
-const AxeAudit = require('./axe-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import AxeAudit from './axe-audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of an accesibility audit that evaluates if the ARIA HTML attributes are misaligned with the aria-role HTML attribute specificed on the element, such mismatches are invalid. This title is descriptive of the successful state and is shown to users when no user action is required. */
@@ -24,7 +25,7 @@ const UIStrings = {
       'more](https://dequeuniversity.com/rules/axe/4.4/aria-allowed-attr).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class ARIAAllowedAttr extends AxeAudit {
   /**
@@ -41,5 +42,5 @@ class ARIAAllowedAttr extends AxeAudit {
   }
 }
 
-module.exports = ARIAAllowedAttr;
-module.exports.UIStrings = UIStrings;
+export default ARIAAllowedAttr;
+export {UIStrings};

package/lighthouse-core/audits/accessibility/aria-command-name.js

@@ -10,8 +10,9 @@
  * See base class in axe-audit.js for audit() implementation.
  */
 
-const AxeAudit = require('./axe-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import AxeAudit from './axe-audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of an accessibility audit that evaluates if important HTML elements have an accessible name. This title is descriptive of the successful state and is shown to users when no user action is required. */
@@ -22,7 +23,7 @@ const UIStrings = {
   description: 'When an element doesn\'t have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-command-name).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class AriaCommandName extends AxeAudit {
   /**
@@ -39,5 +40,5 @@ class AriaCommandName extends AxeAudit {
   }
 }
 
-module.exports = AriaCommandName;
-module.exports.UIStrings = UIStrings;
+export default AriaCommandName;
+export {UIStrings};

package/lighthouse-core/audits/accessibility/aria-hidden-body.js

@@ -10,8 +10,9 @@
  * See base class in axe-audit.js for audit() implementation.
  */
 
-const AxeAudit = require('./axe-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import AxeAudit from './axe-audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of an accesibility audit that checks if the html <body> element does not have an aria-hidden attribute set on it. This title is descriptive of the successful state and is shown to users when no user action is required. */
@@ -22,7 +23,7 @@ const UIStrings = {
   description: 'Assistive technologies, like screen readers, work inconsistently when `aria-hidden="true"` is set on the document `<body>`. [Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-hidden-body).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class AriaHiddenBody extends AxeAudit {
   /**
@@ -39,5 +40,5 @@ class AriaHiddenBody extends AxeAudit {
   }
 }
 
-module.exports = AriaHiddenBody;
-module.exports.UIStrings = UIStrings;
+export default AriaHiddenBody;
+export {UIStrings};

package/lighthouse-core/audits/accessibility/aria-hidden-focus.js

@@ -10,8 +10,9 @@
  * See base class in axe-audit.js for audit() implementation.
  */
 
-const AxeAudit = require('./axe-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import AxeAudit from './axe-audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of an accesibility audit that checks if all elements that have an aria-hidden attribute do not contain focusable descendent elements. This title is descriptive of the successful state and is shown to users when no user action is required. */
@@ -22,7 +23,7 @@ const UIStrings = {
   description: 'Focusable descendents within an `[aria-hidden="true"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. [Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-hidden-focus).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class AriaHiddenFocus extends AxeAudit {
   /**
@@ -39,5 +40,5 @@ class AriaHiddenFocus extends AxeAudit {
   }
 }
 
-module.exports = AriaHiddenFocus;
-module.exports.UIStrings = UIStrings;
+export default AriaHiddenFocus;
+export {UIStrings};

package/lighthouse-core/audits/accessibility/aria-input-field-name.js

@@ -10,8 +10,9 @@
  * See base class in axe-audit.js for audit() implementation.
  */
 
-const AxeAudit = require('./axe-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import AxeAudit from './axe-audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of an accesibility audit that checks that all ARIA input fields have an accessible name. This title is descriptive of the successful state and is shown to users when no user action is required. */
@@ -22,7 +23,7 @@ const UIStrings = {
   description: 'When an input field doesn\'t have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-input-field-name).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class AriaInputFieldName extends AxeAudit {
   /**
@@ -39,5 +40,5 @@ class AriaInputFieldName extends AxeAudit {
   }
 }
 
-module.exports = AriaInputFieldName;
-module.exports.UIStrings = UIStrings;
+export default AriaInputFieldName;
+export {UIStrings};

package/lighthouse-core/audits/accessibility/aria-meter-name.js

@@ -10,8 +10,9 @@
  * See base class in axe-audit.js for audit() implementation.
  */
 
-const AxeAudit = require('./axe-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import AxeAudit from './axe-audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of an accessibility audit that evaluates if meter HTML elements have an accessible name. This title is descriptive of the successful state and is shown to users when no user action is required. */
@@ -22,7 +23,7 @@ const UIStrings = {
   description: 'When an element doesn\'t have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-meter-name).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class AriaMeterName extends AxeAudit {
   /**
@@ -39,5 +40,5 @@ class AriaMeterName extends AxeAudit {
   }
 }
 
-module.exports = AriaMeterName;
-module.exports.UIStrings = UIStrings;
+export default AriaMeterName;
+export {UIStrings};

package/lighthouse-core/audits/accessibility/aria-progressbar-name.js

@@ -10,8 +10,9 @@
  * See base class in axe-audit.js for audit() implementation.
  */
 
-const AxeAudit = require('./axe-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import AxeAudit from './axe-audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of an accessibility audit that evaluates if progressbar HTML elements have an accessible name. This title is descriptive of the successful state and is shown to users when no user action is required. */
@@ -22,7 +23,7 @@ const UIStrings = {
   description: 'When a `progressbar` element doesn\'t have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-progressbar-name).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class AriaProgressbarName extends AxeAudit {
   /**
@@ -39,5 +40,5 @@ class AriaProgressbarName extends AxeAudit {
   }
 }
 
-module.exports = AriaProgressbarName;
-module.exports.UIStrings = UIStrings;
+export default AriaProgressbarName;
+export {UIStrings};

package/lighthouse-core/audits/accessibility/aria-required-attr.js

@@ -10,8 +10,9 @@
  * See base class in axe-audit.js for audit() implementation.
  */
 
-const AxeAudit = require('./axe-audit.js');
-const i18n = require('../../lib/i18n/i18n.js');
+import AxeAudit from './axe-audit.js';
+
+import * as i18n from '../../lib/i18n/i18n.js';
 
 const UIStrings = {
   /** Title of an accesibility audit that evaluates if all elements with the aria-role attribute have the other corresponding ARIA attributes set as well. This title is descriptive of the successful state and is shown to users when no user action is required. */
@@ -23,7 +24,7 @@ const UIStrings = {
       'of the element to screen readers. [Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-required-attr).',
 };
 
-const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
+const str_ = i18n.createMessageInstanceIdFn(import.meta.url, UIStrings);
 
 class ARIARequiredAttr extends AxeAudit {
   /**
@@ -40,5 +41,5 @@ class ARIARequiredAttr extends AxeAudit {
   }
 }
 
-module.exports = ARIARequiredAttr;
-module.exports.UIStrings = UIStrings;
+export default ARIARequiredAttr;
+export {UIStrings};