feat(plugin-axe): add cacheable browser installation

Author: hanna-skryl

e2e/plugin-axe-e2e/project.json

@@ -7,6 +7,7 @@
     "lint": {},
     "e2e": {
       "executor": "@nx/vite:test",
+      "dependsOn": ["^install-browsers"],
       "options": {
         "configFile": "{projectRoot}/vitest.e2e.config.ts"
       }

e2e/plugin-axe-e2e/tests/collect.e2e.test.ts

@@ -18,7 +18,7 @@ function sanitizeReportPaths(report: Report): Report {
     /file:\/{3}.+?\/index\.html/g,
     'file:///<TEST_DIR>/index.html',
   );
-  return JSON.parse(sanitized) as Report;
+  return JSON.parse(sanitized);
 }
 
 describe('PLUGIN collect report with axe-plugin NPM package', () => {

packages/plugin-axe/package.json

@@ -40,9 +40,6 @@
     "access": "public"
   },
   "type": "module",
-  "scripts": {
-    "postinstall": "playwright-core install chromium --with-deps || playwright-core install chromium"
-  },
   "dependencies": {
     "@axe-core/playwright": "^4.11.0",
     "@code-pushup/models": "0.85.0",

packages/plugin-axe/project.json

@@ -6,8 +6,20 @@
   "tags": ["scope:plugin", "type:feature", "publishable"],
   "// targets": "to see all targets run: nx show project plugin-axe --web",
   "targets": {
-    "build": {},
+    "install-browsers": {
+      "command": "playwright-core install chromium",
+      "cache": true,
+      "inputs": [
+        "sharedGlobals",
+        { "runtime": "playwright-core install chromium --dry-run" }
+      ]
+    },
+    "build": {
+      "dependsOn": ["^build", "install-browsers"]
+    },
     "lint": {},
-    "unit-test": {}
+    "unit-test": {
+      "dependsOn": ["install-browsers"]
+    }
   }
 }