DYN-5202 Add e2e tests

.eslintrc

@@ -26,5 +26,11 @@
     "indent": ["error", 2],
     "quotes": ["error", "single"],
     "semi": ["error", "always"]
+  },
+  "globals": {
+    "page": true,
+    "browser": true,
+    "context": true,
+    "jestPuppeteer": true
   }
 }

.github/workflows/build.yml

@@ -5,7 +5,6 @@ name: PR Build
 
 on:
   push:
-    branches: ["master"]
   pull_request:
     branches: ["master"]
 

README.md

@@ -53,13 +53,16 @@ If you need to update `npm`, you can make it using `npm`!
     cd NotificationCenter
     npm install --force
 
-    Note:
-    Make sure that you have correct endpoint set inside `config/.env` file:
-    You case this URL for dev notifications: https://d2xm4bcf3at21r.cloudfront.net/dynNotifications.json
+## Configuring endpoint
+
+In order to use notification endpoints, set them under appropriate files in [config](config) folder.
+
+- To use dev endpoint, set `NOTIFICATION_URL="https://d2xm4bcf3at21r.cloudfront.net/dynNotifications.json"` in [config/.env.dev](`config/.env.dev`)
+- To use production endpoint, set `NOTIFICATION_URL="https://ddehnr4ewobxc.cloudfront.net/dynNotifications.json"` in [config/.env](config/.env)
 
 ## Running the project
 
-    npm run start
+    npm run start:dev
 
 ## Simple build for development
 
@@ -85,7 +88,15 @@ We use [ESlint](https://eslint.org/) to analyze and find problems. It has [integ
 
 We use [jest](https://jestjs.io/) to run our tests.
 
-- To run test.
+- To run unit test
+
+      npm run test:unit
+
+- To run e2e test
+
+      npm run test:e2e
+
+- To run all tests
 
       npm run test
   This script also runs `npm run lint:fix` script

config/.env

@@ -1 +1 @@
-NOTIFICATION_URL="https://ddehnr4ewobxc.cloudfront.net/dynNotifications.json"
+# NOTIFICATION_URL="https://ddehnr4ewobxc.cloudfront.net/dynNotifications.json"

config/.env.dev

@@ -1 +1 @@
-NOTIFICATION_URL=""
+NOTIFICATION_URL="https://d2xm4bcf3at21r.cloudfront.net/dynNotifications.json"

jest-puppeteer.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  server: {
+    command: 'npm run start:dev',
+    port: 8080,
+    launchTimeout: 30000,
+  },
+  launch: {
+    headless: true,
+    timeout: 30000,
+  },
+  exitOnPageError: false
+};

jest.config.js

@@ -4,13 +4,21 @@
  */
 
 module.exports = {
-  collectCoverage: true,
-  collectCoverageFrom:  ['src/**/*.{js,jsx}'],
-  coverageDirectory: '<rootDir>/reports/coverage',
-  moduleNameMapper: {
-    '\\.(jpg|jpeg|png|gif)$': '<rootDir>/tests/__mocks__/fileMock.js',
-    '\\.(css|less)$': '<rootDir>/tests/__mocks__/styleMock.js',
-  },
+  projects: [
+    {
+      displayName: 'Unit Tests',
+      testMatch: ['<rootDir>/tests/unit/*.test.js'],
+      moduleNameMapper: {
+        '\\.(jpg|jpeg|png|gif)$': '<rootDir>/tests/unit/__mocks__/fileMock.js',
+        '\\.(css|less)$': '<rootDir>/tests/unit/__mocks__/styleMock.js',
+      },
+    },
+    {
+      displayName: 'E2E Tests',
+      testMatch: ['<rootDir>/tests/e2e/*.test.js'],
+      preset: 'jest-puppeteer',
+    }
+  ],
   reporters: [
     'default',
     [
@@ -23,4 +31,7 @@ module.exports = {
       },
     ],
   ],
+  collectCoverage: true,
+  collectCoverageFrom: ['<rootDir>/src/**/*.{js,jsx}'],
+  coverageDirectory: '<rootDir>/reports/coverage',
 };