fix: remove unused axe dep and add playwright axe tests

Refs: HAUKI-747

Author: Riippi

e2e/tests/accessibility.spec.ts

@@ -0,0 +1,26 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { test, expect } from '@playwright/test';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import AxeBuilder from '@axe-core/playwright';
+import { getResourceUrl } from '../utils';
+
+test('Frontpage has no wcag2a/wcag2aa violations', async ({ page }) => {
+  await page.goto('');
+  const results = await new AxeBuilder({ page })
+    .withTags(['wcag2a', 'wcag2aa'])
+    .analyze();
+  expect(results.violations).toEqual([]);
+});
+
+test('Resource page has no wcag2a/wcag2aa violations', async ({ page }) => {
+  const resourceUrl = await getResourceUrl();
+  await page.goto(resourceUrl);
+  await expect(page.locator('body')).toContainText('Suomeksi');
+  await page
+    .getByRole('button', { name: 'Hyväksy vain välttämättömät evästeet' })
+    .click();
+  const results = await new AxeBuilder({ page })
+    .withTags(['wcag2a', 'wcag2aa'])
+    .analyze();
+  expect(results.violations).toEqual([]);
+});

package.json

@@ -8,7 +8,6 @@
   },
   "packageManager": "pnpm@11.1.2",
   "dependencies": {
-    "@axe-core/react": "^4.11.3",
     "@eslint/js": "^9.39.1",
     "@nabla/vite-plugin-eslint": "^3.0.1",
     "@sentry/react": "^10.24.0",
@@ -83,6 +82,7 @@
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",
     "@commitlint/config-conventional": "^18.4.3",
+    "@axe-core/playwright": "^4.11.0",
     "@playwright/test": "^1.58.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.4.2",

pnpm-lock.yaml

@@ -1,9 +1,6 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import * as Sentry from '@sentry/react';
 import './index.scss';
-import axe from '@axe-core/react';
 import App from './App';
 
 declare global {
@@ -33,10 +30,6 @@ if (
   });
 }
 
-if (window._env_?.USE_AXE === 'true') {
-  axe(React, ReactDOM, 1000);
-}
-
 const container = document.getElementById('root');
 if (!container) {
   throw new Error('Root element not found');