CCM-12666: Routing accessibility tests

Author: chris-elliott-nhsd

.github/actions/test-types.json

@@ -1,5 +1,6 @@
 [
   "accessibility",
+  "routing-accessibility",
   "api",
   "event",
   "ui-component",

scripts/tests/routing-accessibility.sh

@@ -0,0 +1,24 @@
+#!/bin/bash
+
+set -euo pipefail
+
+# feature flag
+export INCLUDE_AUTH_PAGES=true
+
+npm run accessibility-test-setup -w tests/accessibility
+npm run build
+mkdir -p ./frontend/public/testing
+cp ./utils/utils/src/email-templates/* ./frontend/public/testing/
+
+npm run app:start --prefix frontend
+npm run app:wait --prefix frontend
+
+TEST_EXIT_CODE=0
+npm run test:accessibility -w tests/accessibility || TEST_EXIT_CODE=$?
+echo "TEST_EXIT_CODE=$TEST_EXIT_CODE"
+
+mkdir -p ./tests/acceptance-test-report
+cp -r ./tests/accessibility/.reports/routing-accessibility ./tests/acceptance-test-report
+npm run accessibility-test-teardown  -w tests/routing-accessibility
+
+exit $TEST_EXIT_CODE

scripts/tests/test.mk

@@ -23,6 +23,9 @@ test-coverage: # Evaluate code coverage from scripts/test/coverage @Testing
 test-accessibility: # Run tests from scripts/tests/accessibility.sh @Testing
 	make _test name="accessibility"
 
+test-routing-accessibility: # Run tests from scripts/tests/accessibility.sh @Testing
+	make _test name="routing-accessibility"
+
 test-ui-routing-component: # Run tests from scripts/tests/ui-routing-component.sh @Testing
 	make _test name="ui-routing-component"
 

tests/accessibility/.pa11y-ci.js

@@ -40,6 +40,10 @@ const {
   viewNotYetSubmittedNHSAppTemplatePage,
   viewNotYetSubmittedTextMessageTemplatePage,
   waitingForProofsLetterTemplatePage,
+  messagePlansPage,
+  chooseMessageOrderPage,
+  chooseMessageOrderErrorPage,
+
 } = require('./actions');
 
 const baseUrl = 'http://localhost:3000/templates';
@@ -139,6 +143,12 @@ const userEmails = [
   },
 ];
 
+const routing = [
+  {
+    url: `${baseUrl}/message-plans/`
+  }
+]
+
 const allJourneys = {
   landingPage,
   allTemplates,
@@ -149,6 +159,7 @@ const allJourneys = {
   letters,
   userEmails,
   errors,
+  routing,
 };
 
 const selectedJourney = process.env.JOURNEY && allJourneys[process.env.JOURNEY]
@@ -176,5 +187,6 @@ module.exports = {
     },
     standard: 'WCAG2AA',
     agent: 'pa11y',
+    concurrency: 4,
   },
 };

tests/accessibility/actions/choose-message-order.actions.js

@@ -0,0 +1,31 @@
+const { signInPageActions } = require('./sign-in-page.actions');
+
+const pageActions = [
+  ...signInPageActions,
+  'wait for element #cchoose-message-order-submit-button to be visible',
+];
+
+const chooseMessageOrderPage = (url) => ({
+  name: 'choose-message-order',
+  url,
+  actions: pageActions,
+});
+
+const chooseMessageOrderPageError = (url) => ({
+  name: 'choose-message-order-error',
+  url,
+  actions: [
+    ...pageActions,
+    'click element #choose-message-order-submit-button',
+    'wait for element .nhsuk-error-summary__title to be visible',
+  ],
+  ignore: [
+    // NHS error summary component has a H2 above the H1.
+    'WCAG2AA.Principle1.Guideline1_3.1_3_1_AAA.G141',
+  ],
+});
+
+module.exports = {
+  chooseMessageOrderPage,
+  chooseMessageOrderPageError,
+};

tests/accessibility/actions/index.js

@@ -29,5 +29,6 @@ module.exports = {
   ...require('./view-not-yet-submitted-letter-template.actions'),
   ...require('./view-not-yet-submitted-nhs-app-template.actions'),
   ...require('./view-not-yet-submitted-text-message-template.actions'),
-  ...require('./waiting-for-proofs-letter-template.actions'),
+  ...require('./choose-message-order.actions'),
+  ...require('./message-plans.actions'),
 };

tests/accessibility/actions/message-plans.actions.js

@@ -0,0 +1,17 @@
+const { signInPageActions } = require('./sign-in-page.actions');
+
+const pageActions = [
+  ...signInPageActions,
+  'wait for element .nhsuk-button to be visible',
+];
+
+const messagePlansPage = (url) => ({
+  name: 'message-plans',
+  url,
+  actions: pageActions,
+});
+
+module.exports = {
+  pageActions,
+  messagePlansPage,
+};