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/project.json

@@ -6,7 +6,17 @@
   "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": {}
   }

project.json

@@ -26,7 +26,9 @@
     },
     "code-pushup-jsdocs": {},
     "code-pushup-typescript": {},
-    "code-pushup-axe": {},
+    "code-pushup-axe": {
+      "dependsOn": ["^install-browsers"]
+    },
     "code-pushup": {
       "dependsOn": ["code-pushup-*"],
       "executor": "nx:run-commands",