MLAPB-22: Add cypress and codecept (#17)

* Add cypress and codeceptJS

* Add axe/a11y checking to cypress and codeceptJS

.gitignore

@@ -19,3 +19,7 @@ query/s3_objects/**
 **/coverage.out
 **/node_modules
 **/yarn-error.log
+/cypress/video/*
+/cypress/screenshots/*
+/codecept/output/*
+/web/static/*

Dockerfile

@@ -4,8 +4,8 @@ WORKDIR /app
 
 RUN mkdir -p web/static
 
-COPY app/package.json .
-COPY app/yarn.lock .
+COPY package.json .
+COPY yarn.lock .
 RUN yarn
 
 COPY web/assets web/assets

codecept.conf.js

@@ -0,0 +1,29 @@
+const { setHeadlessWhen, setCommonPlugins } = require('@codeceptjs/configure');
+
+// turn on headless mode when running with HEADLESS=true environment variable
+// export HEADLESS=true && npx codeceptjs run
+setHeadlessWhen(process.env.HEADLESS);
+
+// enable all common plugins https://github.com/codeceptjs/configure#setcommonplugins
+setCommonPlugins();
+
+exports.config = {
+  tests: './codecept/scenarios/*_test.js',
+  output: './codecept/output',
+  helpers: {
+    Playwright: {
+      url: 'http://localhost:5050',
+      show: false,
+      browser: 'chromium'
+    },
+    AxeRunner: {
+      require: './codecept/helpers/axeRunner_helper.js'
+    }
+  },
+  include: {
+    I: './codecept/steps_file.js'
+  },
+  bootstrap: null,
+  mocha: {},
+  name: 'app'
+}

codecept/helpers/axeRunner_helper.js

@@ -0,0 +1,34 @@
+const Helper = require('@codeceptjs/helper');
+const { injectAxe, checkA11y } = require('axe-playwright')
+
+class AxeRunner extends Helper {
+
+  // before/after hooks
+  /**
+   * @protected
+   */
+  _before() {
+
+  }
+
+  /**
+   * @protected
+   */
+  _after() {
+    // remove if not used
+  }
+
+  async runAccessibilityChecks() {
+    const { page } = this.helpers.Playwright;
+    await injectAxe(page)
+    await checkA11y(page, null, {
+      detailedReport: true,
+    })
+  }
+  // add custom methods here
+  // If you need to access other helpers
+  // use: this.helpers['helperName']
+
+}
+
+module.exports = AxeRunner;