e2e: Add a11y test for namespace and add aria label to create resource button

Signed-off-by: Vincent T <[email protected]>

Author: vyncent-t

e2e-tests/package-lock.json

@@ -12,6 +12,7 @@
     "@types/node": "^20.12.2"
   },
   "dependencies": {
+    "@axe-core/playwright": "^4.10.1",
     "yaml": "^2.3.4"
   }
 }

e2e-tests/package.json

@@ -1,4 +1,5 @@
-import { test } from '@playwright/test';
+import { AxeBuilder } from '@axe-core/playwright';
+import { expect, test } from '@playwright/test';
 import { HeadlampPage } from './headlampPage';
 import { NamespacesPage } from './namespacesPage';
 
@@ -15,6 +16,17 @@ test('create a namespace with the minimal editor then delete it', async ({ page
 
   const namespacesPage = new NamespacesPage(page);
   await namespacesPage.navigateToNamespaces();
+
+  const axeBuilder = new AxeBuilder({ page });
+
+  const accessibilityResults = await axeBuilder.analyze();
+
+  expect(accessibilityResults.violations.length).toBe(0);
+
   await namespacesPage.createNamespace(name);
+  const postCreationScanResults = await axeBuilder.analyze();
+
+  expect(postCreationScanResults.violations.length).toBe(0);
+
   await namespacesPage.deleteNamespace(name);
 });

e2e-tests/tests/namespaces.spec.ts

@@ -36,6 +36,7 @@ export function CreateResourceButton(props: CreateResourceButtonProps) {
         errorMessage={errorMessage}
         onEditorChanged={() => setErrorMessage('')}
         title={t('translation|Create {{ name }}', { name })}
+        aria-label={t('translation|Create {{ name }}', { name })}
       />
     </AuthVisible>
   );