Use Chrome for testing in E2E tests

Author: Janne Rönkkö

.github/workflows/cd.yml

@@ -66,7 +66,7 @@ jobs:
       build_arm64_image: true
       file: Dockerfile.cypress
       build_args: |
-        CHROME_VERSION=${{ needs.set_variables.outputs.chrome_version }}
+        CHROME_FOR_TESTING_VERSION=142.0.7444.59
     secrets:
       azure_client_id: ${{ secrets.AZURE_CLIENT_ID }}
       azure_tenant_id: ${{ secrets.AZURE_TENANT_ID }}

cypress/package.json

@@ -9,8 +9,8 @@
     "ts:check": "yarn tsc --noEmit",
     "ts:build": "yarn tsc --build",
     "qa": "yarn --frozen-lockfile && yarn ts:check && yarn prettier:check",
-    "cy:run": "CYPRESS_BASE_URL=${CYPRESS_BASE_URL:-http://localhost:3300} cypress run --browser chrome",
-    "cy:run:video": "CYPRESS_BASE_URL=${CYPRESS_BASE_URL:-http://localhost:3300} cypress run --browser chrome --config-file ./cypress.config.video.ts"
+    "cy:run": "CYPRESS_BASE_URL=${CYPRESS_BASE_URL:-http://localhost:3300} cypress run --browser chrome-for-testing",
+    "cy:run:video": "CYPRESS_BASE_URL=${CYPRESS_BASE_URL:-http://localhost:3300} cypress run --browser chrome-for-testing --config-file ./cypress.config.video.ts"
   },
   "dependencies": {
     "@4tw/cypress-drag-drop": "^2.2.5",

cypress/support/launchBrowser.ts

@@ -23,7 +23,7 @@ function setHeadlessBrowserScreenSizeLaunchOptions(
 ): Cypress.BeforeBrowserLaunchOptions {
   console.log('Setting the browser window size to %d x %d', width, height);
 
-  if (browser.name === 'chrome') {
+  if (browser.name === 'chrome-for-testing') {
     return {
       ...launchOptions,
       args: launchOptions.args.concat(
@@ -104,7 +104,7 @@ function applyReducedMotionOptions(
   browser: Cypress.Browser,
   launchOptions: Cypress.BeforeBrowserLaunchOptions,
 ): Cypress.BeforeBrowserLaunchOptions {
-  if (browser.name === 'chrome') {
+  if (browser.name === 'chrome-for-testing') {
     return {
       ...launchOptions,
       args: launchOptions.args.concat('--force-prefers-reduced-motion'),

package.json

@@ -21,7 +21,7 @@
     "lint": "eslint './**/*.{ts,tsx}' './ui/src/locales/**/*.json' --max-warnings=0",
     "test": "yarn ws:ui test:unit",
     "test:integration": "yarn ws:ui test:integration",
-    "test:e2e": "yarn ws:db build && yarn ws:tdi timetables-data-inserter:build && CYPRESS=true yarn ws:e2e cypress run --browser chrome",
+    "test:e2e": "yarn ws:db build && yarn ws:tdi timetables-data-inserter:build && CYPRESS=true yarn ws:e2e cypress run --browser chrome-for-testing",
     "test:e2e:fast": "yarn test:e2e --config-file cypress.config.fast.ts",
     "test:e2e:open": "yarn check-hasura-metadata --e2e && yarn ws:db build && yarn ws:tdi timetables-data-inserter:build && CYPRESS=true yarn ws:e2e cypress open",
     "test:e2e:list": "yarn ws:e2e print-tests 'e2e/**.cy.ts'",