CCM-12666: Routing accessibility tests

Author: chris-elliott-nhsd

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,
+};