WIP: Add integration tests with Cypress and integrate the a11y tracker

.eslintrc.js

@@ -6,7 +6,7 @@ module.exports = {
     'plugin:import/recommended',
     'plugin:security/recommended',
   ],
-  plugins: ['jest', 'security'],
+  plugins: ['jest', 'cypress', 'security'],
   env: {
     'jest/globals': true,
   },
@@ -22,6 +22,11 @@ module.exports = {
       settings: {
         "import/resolver": "webpack",
       },
+    },
+
+    {
+      files: ["config/cypress.support.js", "routes/*/integration.js"],
+      env: { "cypress/globals": true },
     }
   ],
 }

.github/workflows/nodejs.yml

@@ -24,6 +24,8 @@ jobs:
         npm test
       env:
         CI: true
+        A11Y_TRACKER_KEY: ${{ secrets.A11Y_TRACKER_KEY }}
+        A11Y_TRACKER_URL: http://
     - name: npm lint
       run: |
         npm run lint

.gitignore

@@ -65,12 +65,12 @@ typings/
 .pem
 
 # Compiled CSS and files
-public/dist
+/public
 
 .DS_Store
 credentials
 cdk.out
 cdk.out
 
 cdk/local-image
-credentials
+credentials

config/cypress.support.js

@@ -0,0 +1,21 @@
+import { A11yReporter } from './../../a11y-tracker-client'
+
+const nodeEnv = Cypress.env('NODE_ENV') || 'development'
+
+// default to not reporting
+A11yReporter.configure({
+  trackerURI: undefined,
+  revision: '<local>',
+  project: 'node-starter-app',
+})
+
+// if we're in CI and on the master branch, do the actual reporting
+if (Cypress.env['CI'] && Cypress.env['GITHUB_REF'] === 'refs/heads/master') {
+  A11yReporter.configure({
+    tracker: 'https://a11y-tracker.digital.canada.ca',
+    revision: Cypress.env('GITHUB_GIT_HASH'),
+    key: Cypress.env('A11Y_TRACKER_KEY')
+  })
+}
+
+A11yReporter.setupCypress()

cypress.json

@@ -0,0 +1,8 @@
+{
+  "baseUrl": "http://localhost:3000",
+  "integrationFolder": "routes/",
+  "fixturesFolder": "config/fixtures",
+  "pluginsFolder": "config/cypress/plugins",
+  "testFiles": ["*/integration.js"],
+  "supportFile": "config/cypress.support.js"
+}

cypress/plugins/index.js

@@ -0,0 +1,21 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+}

locales/en.json

@@ -65,4 +65,4 @@
   "addresses.remove": "[- remove]",
   "addresses.add-another": "[+ add another]",
   "errors.address.length": "Please fill in an address"
-}
+}

locales/fr.json

@@ -50,4 +50,4 @@
   "wordmark.alt": "Symbol of the Government of Canada",
   "Government of Canada": "Government of Canada",
   "required": "required"
-}
+}