feat: [PIE-1380]: Cypress fix (#5505)

* feat: [PIE-1380]: Fixes some cypress code coverages * feat: [PIE-1380]: Fixes some cypress code coverages * feat: [PIE-1380]: Fixes some cypress code coverages * feat: [PIE-1380]: Fixes some cypress code coverages * feat: [PIE-1380]: Fixes some cypress code coverages
devkimittal · Sep 27, 2021 · c8f1612 · c8f1612
1 parent 8c5cd88
commit c8f1612
Show file tree

Hide file tree

Showing 8 changed files with 258 additions and 178 deletions.
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -21,4 +21,5 @@ You can use the following comments to re-trigger PR Checks
 - Title Check: `retrigger titlecheck`
 - Coverage: `retrigger coverage`
 - Rebase: `trigger rebase`
+- Cypress: `trigger cypress`
 - Fix Prettier - `fix prettier`
diff --git a/.gitignore b/.gitignore
@@ -13,4 +13,5 @@ temp
 .yalc/
 yalc.lock
 .env
-junit.xml
+junit.xml
+cypress/videos/
diff --git a/.nycrc.yaml b/.nycrc.yaml
@@ -0,0 +1,13 @@
+extends: '@istanbuljs/nyc-config-typescript'
+all: true,
+include:
+  - src/**/*.tsx
+  - src/**/*.ts
+exclude:
+  - src/**/*.test.tsx
+  - src/**/*.test.ts
+  - src/**/*.d.ts
+  - src/**/__tests__/**
+  - src/**/__mocks__/**
+  - src/**/_stories/**
+report-dir: cypress-coverage
diff --git a/cypress/plugins/index.ts b/cypress/plugins/index.ts
@@ -18,7 +18,9 @@
 // eslint-disable-next-line no-unused-vars
 const cypressTypeScriptPreprocessor = require('./cy-ts-preprocessor')
 module.exports = (on: Cypress.PluginEvents, config: Cypress.PluginConfigOptions) => {
-  require('@cypress/code-coverage/task')(on, config)
+  if (process.env.CYPRESS_COVERAGE) {
+    require('@cypress/code-coverage/task')(on, config)
+  }
   on('file:preprocessor', cypressTypeScriptPreprocessor)
   return config
 }
diff --git a/harnessci.Dockerfile b/harnessci.Dockerfile
@@ -1,4 +1,4 @@
-FROM node:14
+FROM cypress/browsers:node14.16.0-chrome90-ff88
 ARG GIT_BOT_TOKEN
 
 WORKDIR /tmp/workspace
@@ -10,3 +10,4 @@ RUN echo @wings-software:registry=https://npm.pkg.github.com > .npmrc
 RUN echo "//npm.pkg.github.com/:_authToken="$GIT_BOT_TOKEN >> .npmrc
 RUN echo always-auth=true >> .npmrc
 RUN yarn install
+RUN npm install -g wait-on
diff --git a/package.json b/package.json
@@ -19,10 +19,13 @@
     "test:watch": "jest --watch",
     "lint": "eslint  --rulesdir ./scripts/eslint-rules --ext .ts --ext .tsx src",
     "typecheck": "tsc",
+    "cypress:ci": "cypress run --config videoUploadOnPasses=false --browser chrome",
     "cypress:open": "cypress open",
+    "cypress:openCoverage": "CYPRESS_COVERAGE=true cypress open",
     "strings-check": "node ./scripts/yaml-strings-check.js",
     "clean": "rm -rf dist && rm -rf node_modules/.cache",
-    "dev:cypress": "NODE_ENV=development TARGET_LOCALHOST=false CYPRESS=true BASE_URL=https://localhost:8080 webpack serve --progress",
+    "dev:cypress": "NODE_ENV=development TARGET_LOCALHOST=false CYPRESS=true BASE_URL=https://localhost:8080 NODE_OPTIONS=\"--max-old-space-size=6144\" webpack serve --progress",
+    "dev:cypressCoverage": "NODE_ENV=development TARGET_LOCALHOST=false CYPRESS=true CYPRESS_COVERAGE=true BASE_URL=https://localhost:8080 NODE_OPTIONS=\"--max-old-space-size=6144\" webpack serve --progress",
     "dev": "NODE_ENV=development webpack serve --progress",
     "watch": "yarn clean && NODE_ENV=development webpack --watch --progress",
     "services": "npm-run-all services:*",
@@ -186,7 +189,7 @@
     "case": "^1.6.3",
     "circular-dependency-plugin": "^5.2.2",
     "css-loader": "^5.2.1",
-    "cypress": "^8.1.0",
+    "cypress": "^8.4.1",
     "dotenv": "^10.0.0",
     "eslint": "^7.27.0",
     "eslint-config-prettier": "^8.3.0",
@@ -286,10 +289,5 @@
       ]
     },
     "commonChunkLimit": "70-pipeline"
-  },
-  "nyc": {
-    "extends": "@istanbuljs/nyc-config-typescript",
-    "all": true,
-    "report-dir": "cypress-coverage"
   }
 }
diff --git a/webpack.config.js b/webpack.config.js
@@ -23,6 +23,7 @@ const ON_PREM = `${process.env.ON_PREM}` === 'true'
 const BUGSNAG_TOKEN = process.env.BUGSNAG_TOKEN
 const BUGSNAG_SOURCEMAPS_UPLOAD = `${process.env.BUGSNAG_SOURCEMAPS_UPLOAD}` === 'true'
 const CONTEXT = process.cwd()
+const isCypressCoverage = process.env.CYPRESS_COVERAGE
 const isCypress = process.env.CYPRESS
 const babelLoaderConfig = {
   loader: 'babel-loader'
@@ -34,7 +35,7 @@ const tsLoaderConfig = {
   }
 }
 const tsLoaders = []
-if (isCypress) {
+if (isCypress && isCypressCoverage) {
   tsLoaders.push(babelLoaderConfig)
   tsLoaders.push(tsLoaderConfig)
 } else {