ci: use chrome browser for cypress tests

.github/actions/e2e-atomic-angular/action.yml

@@ -12,9 +12,11 @@ runs:
         npm i
       shell: bash
       working-directory: ./packages/samples/angular
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/samples/angular
         start: npm run dev
         wait-on: 'http://localhost:4200'

.github/actions/e2e-atomic-hosted-page/action.yml

@@ -8,9 +8,11 @@ inputs:
 runs:
   using: composite
   steps:
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/atomic-hosted-page
         start: npm run dev
         wait-on: 'http://localhost:3335'

.github/actions/e2e-atomic-insight-panel/action.yml

@@ -8,9 +8,11 @@ inputs:
 runs:
   using: composite
   steps:
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/atomic
         config-file: cypress-insight-panel.config.ts
         start: npm run prod

.github/actions/e2e-atomic-next/action.yml

@@ -8,15 +8,16 @@ inputs:
 runs:
   using: composite
   steps:
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/samples/atomic-next
         start: npm run dev
         wait-on: 'http://localhost:3000'
         install: false
         record: false
-        browser: chrome
 
     - uses: actions/upload-artifact@v3
       if: failure()

.github/actions/e2e-atomic-react/action.yml

@@ -1,5 +1,5 @@
-name: "Atomic React E2E tests"
-description: "Runs Cypress tests for Atomic React"
+name: 'Atomic React E2E tests'
+description: 'Runs Cypress tests for Atomic React'
 inputs:
   github-token:
     description: The GitHub token for accurately detecting a build vs a re-run build
@@ -8,9 +8,11 @@ inputs:
 runs:
   using: composite
   steps:
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/samples/atomic-react
         start: npm run dev
         wait-on: 'http://localhost:3000'
@@ -20,4 +22,4 @@ runs:
       if: failure()
       with:
         name: cypress-screenshots
-        path: packages/samples/atomic-react/cypress/screenshots
+        path: packages/samples/atomic-react/cypress/screenshots

.github/actions/e2e-atomic-screenshots/action.yml

@@ -8,9 +8,11 @@ inputs:
 runs:
   using: composite
   steps:
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/atomic
         config-file: cypress-screenshots.config.ts
         start: npm run prod

.github/actions/e2e-atomic/action.yml

@@ -1,5 +1,5 @@
-name: "Atomic E2E tests"
-description: "Runs Cypress tests for Atomic"
+name: 'Atomic E2E tests'
+description: 'Runs Cypress tests for Atomic'
 inputs:
   github-token:
     description: The GitHub token for accurately detecting a build vs a re-run build
@@ -11,9 +11,11 @@ inputs:
 runs:
   using: composite
   steps:
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/atomic
         spec: ${{ inputs.spec }}
         start: npm run prod
@@ -26,4 +28,4 @@ runs:
       if: failure()
       with:
         name: cypress-screenshots
-        path: packages/atomic/cypress/screenshots
+        path: packages/atomic/cypress/screenshots

.github/actions/e2e-iife/action.yml

@@ -8,15 +8,16 @@ inputs:
 runs:
   using: composite
   steps:
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/samples/iife
         start: npm run prod
         wait-on: 'http://localhost:3000'
         install: false
         record: false
-        browser: chrome
 
     - uses: actions/upload-artifact@v3
       if: failure()

.github/actions/e2e-quantic/action.yml

@@ -1,5 +1,5 @@
-name: "Quantic E2E tests"
-description: "Runs Cypress tests for Quantic"
+name: 'Quantic E2E tests'
+description: 'Runs Cypress tests for Quantic'
 inputs:
   github-token:
     description: The GitHub token for accurately detecting a build vs a re-run build
@@ -15,9 +15,11 @@ runs:
       with:
         path: packages/quantic/cypress/plugins/config
         key: quantic-cypress-config-${{ github.sha }}
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/quantic
         spec: ${{ inputs.spec }}
         install: false
@@ -29,4 +31,4 @@ runs:
       if: failure()
       with:
         name: cypress-screenshots
-        path: packages/quantic/cypress/screenshots
+        path: packages/quantic/cypress/screenshots

.github/actions/e2e-stencil/action.yml

@@ -8,9 +8,11 @@ inputs:
 runs:
   using: composite
   steps:
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/samples/stencil
         start: npm run dev
         wait-on: 'http://localhost:3666'

.github/actions/e2e-vuejs/action.yml

@@ -8,9 +8,11 @@ inputs:
 runs:
   using: composite
   steps:
-    - uses: cypress-io/github-action@v4
+    - uses: cypress-io/github-action@v5
       name: Run Cypress
       with:
+        browser: chrome
+        command-prefix: 'npx retry --retries=3 --'
         working-directory: ./packages/samples/vuejs
         start: npm run dev
         wait-on: 'http://localhost:8080'

.npmrc

@@ -1,2 +1,3 @@
 engine-strict=true
+save-exact=true
 lockfile-version=3

.vscode/extensions.json

@@ -1 +1,8 @@
-{"recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]}
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "redhat.vscode-yaml",
+    "streetsidesoftware.code-spell-checker"
+  ]
+}

package.json

@@ -69,6 +69,7 @@
     "prettier": "2.7.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "retry-cli": "0.7.0",
     "rimraf": "3.0.2",
     "semver": "7.3.8",
     "ts-jest": "27.1.5",

packages/atomic-hosted-page/cypress.config.ts

@@ -0,0 +1,28 @@
+// eslint-disable-next-line node/no-unpublished-import
+import {defineConfig} from 'cypress';
+
+export default defineConfig({
+  reporter: 'spec',
+  viewportHeight: 2000,
+  viewportWidth: 2000,
+  retries: {
+    runMode: 3,
+    openMode: 1,
+  },
+  reporterOptions: {
+    toConsole: true,
+  },
+  chromeWebSecurity: false,
+  video: false,
+  requestTimeout: 10000,
+  watchForFileChanges: true,
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      return require('./cypress/plugins/index.js')(on, config);
+    },
+    baseUrl: 'http://localhost:3335',
+    specPattern: 'cypress/e2e/**/*.cypress.ts',
+  },
+});

packages/atomic-hosted-page/package.json

@@ -39,6 +39,6 @@
     "@stencil/core": "2.17.3"
   },
   "devDependencies": {
-    "cypress": "9.7.0"
+    "cypress": "10.8.0"
   }
 }