041 login system UI test

.github/workflows/audit.yml

@@ -0,0 +1,28 @@
+name: Run Audit
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  audit:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: 20.14.0
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Run audit
+      run: npm audit

.github/workflows/build.yml

@@ -0,0 +1,35 @@
+name: Run CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: 20.14.0   
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Run CI
+      run: npm ci
+
+    - name: Run Tests
+      env:
+        WEBSITE_URL: ${{ secrets.WEBSITE_URL }}
+        LOGIN_EMAIL_1: ${{ secrets.LOGIN_EMAIL_1 }}
+        LOGIN_PASSWORD_1: ${{ secrets.LOGIN_PASSWORD_1 }}
+      run: npm test

.github/workflows/docker.yml

@@ -0,0 +1,35 @@
+name: Docker Image CI
+
+on:
+  push:
+    branches: [ main ]
+
+jobs:
+
+  build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Configure AWS credentials
+      uses: aws-actions/configure-aws-credentials@v1
+      with:
+        aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
+        aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+        aws-region: eu-west-1
+
+    - name: Login to Amazon ECR
+      id: login-ecr
+      uses: aws-actions/amazon-ecr-login@v1
+
+    - name: Build & push the Docker image
+      env:
+        API_URL: ${{ secrets.API_URL }}
+        ECR_REGISTRY: ${{ steps.login-ecr.outputs.registry }}
+        ECR_REPOSITORY: employee_demo
+        IMAGE_TAG: team4-web
+      run: |
+        docker build --build-arg API_URL=${API_URL} -t $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG .
+        docker push $ECR_REGISTRY/$ECR_REPOSITORY:$IMAGE_TAG

.github/workflows/linter.yml

@@ -0,0 +1,28 @@
+name: Run Linter
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  linter:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: 20.14.0
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Run linter
+      run: npm run linter

.github/workflows/pa11yci.yml

@@ -0,0 +1,28 @@
+name: Run pa11yci
+
+on:
+
+  schedule:
+    - cron: '0 0 * * *'  
+
+jobs: 
+  pa11yci:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: 20.14.0
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Install pa11y-ci
+      run: npm install -g pa11y-ci
+
+    - name: Run pa11y-ci
+      run: pa11y-ci

.github/workflows/uiTests.yml

@@ -0,0 +1,44 @@
+name: Run UI Tests
+
+on:
+  schedule:
+    - cron: '0 0 * * *' 
+
+jobs: 
+  uiTests:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Set up Node.js
+      uses: actions/setup-node@v2
+      with:
+        node-version: 20.14.0
+
+    - name: Install dependencies
+      run: npm install
+
+    - name: Install Google Chrome
+      run: |
+        # Add the Google Chrome repository
+        sudo apt-get update
+        sudo apt-get install -y wget gnupg
+        wget https://dl.google.com/linux/linux_signing_key.pub
+        sudo apt-key add linux_signing_key.pub
+        sudo sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" > /etc/apt/sources.list.d/google-chrome.list'
+
+        # Install Google Chrome
+        sudo apt-get update
+        sudo apt-get install -y google-chrome-stable
+
+    - name: Run CI
+      run: npm ci
+
+    - name: Run UI Tests
+      env:
+        WEBSITE_URL: ${{ secrets.WEBSITE_URL }}
+        LOGIN_EMAIL_1: ${{ secrets.LOGIN_EMAIL_1 }}
+        LOGIN_PASSWORD_1: ${{ secrets.LOGIN_PASSWORD_1 }}
+      run: npm run test-ui

.gitignore

@@ -1,3 +1,5 @@
 dist
 node_modules
-.DS_Store
+.DS_Store
+coverage
+.nyc_output

.pa11yci

@@ -0,0 +1,11 @@
+{
+    "defaults": { 
+        "chromeLaunchConfig":
+         { "args": ["--no-sandbox"] }
+    }, 
+      "urls": [
+          "https://nczcbkjcc7.eu-west-1.awsapprunner.com/",
+          "https://nczcbkjcc7.eu-west-1.awsapprunner.com/loginForm",
+          "https://nczcbkjcc7.eu-west-1.awsapprunner.com/logoutForm"
+      ]
+  }

Dockerfile

@@ -0,0 +1,20 @@
+FROM node:18
+
+WORKDIR /home/node/app
+
+COPY package*.json ./
+
+ARG API_URL
+
+ENV API_URL ${API_URL}
+
+RUN npm install
+
+COPY . .
+
+ENV NODE_TLS_REJECT_UNAUTHORIZED=0
+
+EXPOSE 3000
+
+CMD [ "npm", "start" ]
+

README.md

@@ -5,5 +5,24 @@
 2. Start the application with `npm start` or `npm run dev` to reload the server when changes are made
 3. To check that your application is running enter url http://localhost:3000
 
+## How to run the accessibillity tests (pa11y-ci) locally
+1. Make sure that in the .pa11yci file, the URLS of the pages you would like to test are included
+2. Run `pa11y-ci`in the terminal
+
+## How to run unit tests locally
+1. Make sure that your have ran `npm install` to install dependencies
+2. Run `npm test` in the terminal
+
+## How to make a new page
+1. Create a html file in the views/pages directory
+2. Add these nunjucks arround the div you are adding:
+    {% extends "siteTemplate.html" %}
+    {% block content %}
+        //Your Content here
+    {% endblock %}
+3. Test it to make sure it works
+
 ## Backend
-1. Follow the steps to run the backend for this application <a href="https://github.com/shaunganley/java-dropwizard-flyway-starter" target="_blank">here</a>
+1. Follow the steps to run the backend for this application [here](https://github.com/shaunganley/java-dropwizard-flyway-starter")
+2. To test the backend you can check out the API [here](https://ivpztrmt3p.eu-west-1.awsapprunner.com/swagger)
+