Added Cypress Axe.

Fixes issue #20 using cypress axe.
Signed-off-by: Donald Labaj [email protected]

e2e/features/step_definitions/coreUX.stepdef.ts

@@ -6,8 +6,10 @@ import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
 
 Given('I am on the strimzi-ui homepage', () => {
   cy.visit('localhost:3000/index.html');
+  cy.injectAxe();
 });
 
 Then(`the welcome message appears`, () => {
   cy.get('#root').contains(`Welcome to the Strimzi UI`);
+  cy.checkA11y();
 });

e2e/support/index.ts

@@ -2,3 +2,4 @@
  * Copyright Strimzi authors.
  * License: Apache License 2.0 (see the file LICENSE or http://apache.org/licenses/LICENSE-2.0.html).
  */
+import 'cypress-axe';

e2e/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../tsconfig.base.json",
   "compilerOptions": {
-    "types": ["cypress", "node"]
+    "types": ["cypress", "cypress-axe", "node"]
   },
   "include": ["./**/*.ts"]
 }

package.json

@@ -63,9 +63,8 @@
     "pino-filter": "^1.0.0",
     "pino-http": "^5.3.0",
     "pino-pretty": "^4.3.0",
-    "sass": "^1.29.0",
-    "react-i18next": "^11.7.3",
     "sass": "^1.26.10",
+    "react-i18next": "^11.7.3",
     "subscriptions-transport-ws": "^0.9.18",
     "terser-webpack-plugin": "^3.0.7",
     "typescript": "^4.0.3",
@@ -80,6 +79,7 @@
     "@storybook/react": "^6.0.28",
     "@testing-library/jest-dom": "^5.11.5",
     "@testing-library/react": "^11.1.1",
+    "@types/cypress-axe": "^0.8.0",
     "@types/cypress-cucumber-preprocessor": "^4.0.0",
     "@types/express": "^4.17.8",
     "@types/jest": "^26.0.15",
@@ -90,16 +90,18 @@
     "@types/supertest": "^2.0.10",
     "@typescript-eslint/eslint-plugin": "^4.6.1",
     "@typescript-eslint/parser": "^4.6.1",
+    "axe-core": "^4.0.2",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.6.3",
     "commitlint": "^11.0.0",
     "css-loader": "^5.0.1",
-    "cypress": "^5.5.0",
+    "cypress": "^5.6.0",
+    "cypress-axe": "^0.10.0",
     "cypress-cucumber-preprocessor": "^4.0.0",
     "eslint": "^7.12.1",
-    "eslint-plugin-i18next": "^5.0.0",
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-cypress": "^2.11.2",
+    "eslint-plugin-i18next": "^5.0.0",
     "eslint-plugin-jest": "^24.1.0",
     "eslint-plugin-react": "^7.21.5",
     "eslint-plugin-react-hooks": "^4.2.0",