chore: add a helper lighthouse script

Author: danielroe

.lighthouserc.cjs

@@ -0,0 +1,51 @@
+const fs = require('fs')
+
+// Auto-detect Chrome executable path
+function findChrome() {
+  const paths = [
+    // Linux
+    '/usr/bin/google-chrome-stable',
+    '/usr/bin/google-chrome',
+    '/usr/bin/chromium-browser',
+    // macOS
+    '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+    // Windows
+    'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
+    'C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe',
+  ]
+
+  for (const p of paths) {
+    if (fs.existsSync(p)) return p
+  }
+
+  return undefined
+}
+
+module.exports = {
+  ci: {
+    collect: {
+      startServerCommand: 'pnpm preview',
+      startServerReadyPattern: 'Listening',
+      url: [
+        'http://localhost:3000/',
+        'http://localhost:3000/search?q=nuxt',
+        'http://localhost:3000/nuxt',
+      ],
+      numberOfRuns: 1,
+      chromePath: findChrome(),
+      puppeteerScript: './lighthouse-setup.cjs',
+      settings: {
+        onlyCategories: ['accessibility'],
+        skipAudits: ['valid-source-maps'],
+      },
+    },
+    assert: {
+      assertions: {
+        'categories:accessibility': ['warn', { minScore: 1 }],
+      },
+    },
+    upload: {
+      target: 'temporary-public-storage',
+    },
+  },
+}

.lighthouserc.json

@@ -7,7 +7,7 @@
  */
 
 /** @param {import('puppeteer').Browser} browser */
-export default async function setup(browser, { url }) {
+module.exports = async function setup(browser, { url }) {
   const colorMode = process.env.LIGHTHOUSE_COLOR_MODE || 'dark'
   const page = await browser.newPage()
 

lighthouse-setup.js lighthouse-setup.cjslighthouse-setup.js renamed to lighthouse-setup.cjs

@@ -2,7 +2,7 @@
 # Run Lighthouse accessibility tests in both light and dark mode
 #
 # This script runs lhci autorun twice, once for each color mode.
-# The LIGHTHOUSE_COLOR_MODE env var is read by lighthouse-setup.js
+# The LIGHTHOUSE_COLOR_MODE env var is read by lighthouse-setup.cjs
 # to set the appropriate theme before each audit.
 
 set -e