code-pushup
diff --git a/‎e2e/plugin-axe-e2e/eslint.config.js‎
Lines changed: 12 additions & 0 deletions b/‎e2e/plugin-axe-e2e/eslint.config.js‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎e2e/plugin-axe-e2e/mocks/fixtures/default-setup/code-pushup.config.ts‎
Lines changed: 11 additions & 0 deletions b/‎e2e/plugin-axe-e2e/mocks/fixtures/default-setup/code-pushup.config.ts‎
Lines changed: 11 additions & 0 deletions
diff --git a/‎e2e/plugin-axe-e2e/mocks/fixtures/default-setup/index.html‎
Lines changed: 44 additions & 0 deletions b/‎e2e/plugin-axe-e2e/mocks/fixtures/default-setup/index.html‎
Lines changed: 44 additions & 0 deletions
diff --git a/‎e2e/plugin-axe-e2e/project.json‎
Lines changed: 17 additions & 0 deletions b/‎e2e/plugin-axe-e2e/project.json‎
Lines changed: 17 additions & 0 deletions
@@ -0,0 +1,12 @@
+import tseslint from 'typescript-eslint';
+import baseConfig from '../../eslint.config.js';
+
+export default tseslint.config(...baseConfig, {
+  files: ['**/*.ts'],
+  languageOptions: {
+    parserOptions: {
+      projectService: true,
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+});
@@ -0,0 +1,11 @@
+import { join } from 'node:path';
+import { pathToFileURL } from 'node:url';
+import axePlugin from '@code-pushup/axe-plugin';
+import type { CoreConfig } from '@code-pushup/models';
+
+const htmlFile = join(process.cwd(), 'index.html');
+const url = pathToFileURL(htmlFile).href;
+
+export default {
+  plugins: [axePlugin(url)],
+} satisfies CoreConfig;
@@ -0,0 +1,44 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Accessibility Test Page</title>
+    <style>
+      /* Poor color contrast for testing */
+      .low-contrast {
+        color: #777;
+        background-color: #999;
+        padding: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Accessibility Test Page</h1>
+
+    <!-- Missing alt text on image -->
+    <img src="test-image.jpg" width="200" height="150" />
+
+    <!-- Poor color contrast -->
+    <div class="low-contrast">
+      This text has poor color contrast and may be hard to read.
+    </div>
+
+    <!-- Invalid ARIA attribute -->
+    <div role="button" aria-invalid-attribute="true">
+      Button with invalid ARIA attribute
+    </div>
+
+    <!-- Form input missing label -->
+    <form>
+      <input type="text" name="username" placeholder="Enter username" />
+      <button type="submit">Submit</button>
+    </form>
+
+    <!-- Button without accessible name -->
+    <button></button>
+
+    <!-- Link without accessible name -->
+    <a href="#"></a>
+  </body>
+</html>
@@ -0,0 +1,17 @@
+{
+  "name": "plugin-axe-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "e2e/plugin-axe-e2e/src",
+  "projectType": "application",
+  "targets": {
+    "lint": {},
+    "e2e": {
+      "executor": "@nx/vite:test",
+      "options": {
+        "configFile": "{projectRoot}/vitest.e2e.config.ts"
+      }
+    }
+  },
+  "implicitDependencies": ["cli", "plugin-axe"],
+  "tags": ["scope:plugin", "type:e2e"]
+}