Cypress/update to cypress10

.github/workflows/master_rancher_ui_workflow.yml

@@ -116,9 +116,9 @@ jobs:
           browser: ${{ inputs.browser }}
           headless: true
           spec: |
-            cypress/integration/unit_tests/first_connexion.spec.ts
-            cypress/integration/unit_tests/${{ inputs.cypress_install_test }}
-          config-file: cypress-with-epinio-cert.json
+            cypress/e2e/unit_tests/first_connexion.spec.ts
+            cypress/e2e/unit_tests/${{ inputs.cypress_install_test }}
+          config-file: cypress.config.ts
 
       - name: Copying screenshots and videos to Mochawesome report
         if: always()
@@ -217,8 +217,8 @@ jobs:
           browser: ${{ inputs.browser }}
           headless: true
           spec: |
-            cypress/integration/unit_tests/${{ inputs.cypress_test }}
-          config-file: cypress-with-epinio-cert.json
+            cypress/e2e/unit_tests/${{ inputs.cypress_test }}
+          config-file: cypress.config.ts
 
       - name: Copying screenshots and videos to Mochawesome report
         if: always()
@@ -277,8 +277,8 @@ jobs:
           browser: ${{ inputs.browser }}
           headless: true
           spec: |
-            cypress/integration/unit_tests/uninstall.spec.ts
-          config-file: cypress-with-epinio-cert.json
+            cypress/e2e/unit_tests/uninstall.spec.ts
+          config-file: cypress.config.ts
 
       - name: Copying screenshots and videos to Mochawesome report
         if: always()

.github/workflows/master_std_ui.yml

@@ -117,7 +117,7 @@ jobs:
       - name: Start Cypress tests
         env:
           BROWSER: ${{ inputs.browser }}
-          CYPRESS_CFG: cypress-with-epinio-cert.json
+          CYPRESS_CFG: cypress.config.ts
           CYPRESS_DOCKER: ${{ inputs.cypress_docker }}
           DOCKER_OPTIONS: ${{ inputs.docker_options }}
           EXT_REG_USER: ${{ secrets.EPINIO_DOCKER_USER }}

.github/workflows/scenario_1_chrome_rancher_ui.yml

@@ -12,7 +12,7 @@ jobs:
     uses: ./.github/workflows/master_rancher_ui_workflow.yml
     with:
       browser: chrome
-      cypress_image: cypress/browsers:node16.13.2-chrome97-ff96
+      cypress_image: cypress/browsers:node16.14.2-slim-chrome100-ff99-edge
       cypress_install_test: installation.spec.ts
       # cypress_test: with_default_options.spec.ts
       cypress_test: menu.spec.ts

.github/workflows/scenario_2_firefox_rancher_ui.yml

@@ -12,7 +12,7 @@ jobs:
     uses: ./.github/workflows/master_rancher_ui_workflow.yml
     with:
       browser: firefox
-      cypress_image: cypress/browsers:node16.13.2-chrome97-ff96
+      cypress_image: cypress/browsers:node16.14.2-slim-chrome100-ff99-edge
       cypress_install_test: installation.spec.ts
       # cypress_test: with_s3_and_external_registry.spec.ts
       cypress_test: menu.spec.ts

.github/workflows/std_ui_latest_chrome.yml

@@ -14,30 +14,30 @@ jobs:
     uses: ./.github/workflows/master_std_ui.yml
     with:
       browser: chrome
-      cypress_docker: cypress/included:9.7.0 
-      cypress_spec: cypress/integration/unit_tests/menu.spec.ts
+      cypress_docker: cypress/included:10.11.0 
+      cypress_spec: cypress/e2e/unit_tests/menu.spec.ts
     secrets: inherit
 
   configurations-tests:
     uses: ./.github/workflows/master_std_ui.yml
     with:
       browser: chrome
-      cypress_docker: cypress/included:9.7.0 
-      cypress_spec: cypress/integration/unit_tests/configurations.spec.ts
+      cypress_docker: cypress/included:10.11.0 
+      cypress_spec: cypress/e2e/unit_tests/configurations.spec.ts
     secrets: inherit
 
   applications-tests:
     uses: ./.github/workflows/master_std_ui.yml
     with:
       browser: chrome
-      cypress_docker: cypress/included:9.7.0 
-      cypress_spec: cypress/integration/unit_tests/applications.spec.ts
+      cypress_docker: cypress/included:10.11.0 
+      cypress_spec: cypress/e2e/unit_tests/applications.spec.ts
     secrets: inherit
 
   namespaces-tests:
     uses: ./.github/workflows/master_std_ui.yml
     with:
       browser: chrome
-      cypress_docker: cypress/included:9.7.0 
-      cypress_spec: cypress/integration/unit_tests/namespaces.spec.ts
+      cypress_docker: cypress/included:10.11.0 
+      cypress_spec: cypress/e2e/unit_tests/namespaces.spec.ts
     secrets: inherit

.github/workflows/std_ui_latest_firefox.yml

@@ -19,8 +19,8 @@ jobs:
     #uses: ./.github/workflows/master_std_ui.yml
     #with:
       #browser: firefox
-      #cypress_docker: cypress/included:9.7.0 
-      #cypress_spec: cypress/integration/unit_tests/menu.spec.ts
+      #cypress_docker: cypress/included:10.9.0
+      #cypress_spec: cypress/e2e/unit_tests/menu.spec.ts
       #docker_options: '--user 1000'
       #ext_reg: '1'
       #s3: '1'
@@ -30,8 +30,8 @@ jobs:
     #uses: ./.github/workflows/master_std_ui.yml
     #with:
       #browser: firefox
-      #cypress_docker: cypress/included:9.7.0 
-      #cypress_spec: cypress/integration/unit_tests/configurations.spec.ts
+      #cypress_docker: cypress/included:10.9.0
+      #cypress_spec: cypress/e2e/unit_tests/configurations.spec.ts
       #docker_options: '--user 1000'
       #ext_reg: '1'
       #s3: '1'
@@ -41,8 +41,8 @@ jobs:
     #uses: ./.github/workflows/master_std_ui.yml
     #with:
       #browser: firefox
-      #cypress_docker: cypress/included:9.7.0 
-      #cypress_spec: cypress/integration/unit_tests/applications.spec.ts
+      #cypress_docker: cypress/included:10.9.0
+      #cypress_spec: cypress/e2e/unit_tests/applications.spec.ts
       #docker_options: '--user 1000'
       #ext_reg: '1'
       #s3: '1'
@@ -52,8 +52,8 @@ jobs:
     uses: ./.github/workflows/master_std_ui.yml
     with:
       browser: firefox
-      cypress_docker: cypress/included:9.7.0 
-      cypress_spec: cypress/integration/unit_tests/namespaces.spec.ts
+      cypress_docker: cypress/included:10.9.0
+      cypress_spec: cypress/e2e/unit_tests/namespaces.spec.ts
       docker_options: '--user 1000'
       ext_reg: '1'
       s3: '1'

Dockerfile

@@ -1,6 +1,6 @@
 FROM cypress/base:16.13.0
 
-COPY cypress.json .
+COPY cypress.config.ts .
 COPY tsconfig.json .
 COPY package.json .
 COPY ./cypress/ cypress

Makefile

@@ -60,7 +60,7 @@ build-image: ## Build the e2e_image with latest tests version
 
 cypress-gui: ## Start Cypress in GUI mode, need graphical environment
 	npm install
-	./node_modules/cypress/bin/cypress  open -C cypress-with-epinio-cert.json
+	./node_modules/cypress/bin/cypress  open -C cypress.config.ts
 
 check-dependencies:
 	command -v docker && echo "docker - ok"

cypress.config.ts

@@ -0,0 +1,40 @@
+import { defineConfig } from 'cypress'
+
+// export default defineConfig({
+export default defineConfig({
+  defaultCommandTimeout: 10000,
+  // numTestsKeptInMemory:25,
+  reporter: 'mochawesome',
+  reporterOptions: {
+    reportFilename: '[name]-report_[status]_[datetime]',
+    timestamp: 'shortDate',
+  },
+  clientCertificates: [
+    {
+      url: 'https://*',
+      ca: [],
+      certs: [
+        {
+          cert: 'cypress/fixtures/epinio-private-cert-pem.file',
+          key: 'cypress/fixtures/epinio-private-key-pem.file',
+        },
+      ],
+    },
+  ],
+  e2e: {
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents(on, config) {
+      on('task', {
+        log(message) {
+          console.log(message)
+          return null
+        },
+      })
+      return require('./cypress/plugins/index.ts')(on, config)   
+    },
+    experimentalSessionAndOrigin: true,
+    specPattern:
+      'cypress/e2e/unit_tests/*.spec.ts',
+  },
+})

cypress/integration/unit_tests/menu.spec.ts → cypress/e2e/unit_tests/menu.spec.ts

@@ -76,12 +76,13 @@ describe('Menu testing', () => {
         // Source: https://github.com/cypress-io/cypress/issues/14857#issuecomment-785717474
         cy.window().document().then(function (doc) {
           doc.addEventListener('click', () => {
-            setTimeout(function () { doc.location.reload(); }, 5000);
+            setTimeout(function () { doc.location.reload(); }, 10000);
           });
           // Now we can download
+          // cy.wait(2000);
           cy.get("tr.link > td > a").eq(i).click({ force: true });
           // Adding a bit of wait prior executing command to ensure file is downloaded
-          cy.wait(1500);
+          cy.wait(7000);
         });
 
         // Verify files are downloaded in cypress/download

cypress/support/functions.ts

@@ -182,8 +182,12 @@ Cypress.Commands.add('createApp', ({appName, archiveName, sourceType, customPake
 
   // Select the Source Type if needed
   if (sourceType) {
-    cy.get('.labeled-select').click();
-    cy.contains(sourceType, {timeout: 120000}).click();
+    // Adding explicit wait here to attempt avoid failure in CI
+    cy.wait(5000)
+    cy.get('.labeled-select.hoverable').contains('Source Type', {timeout: 10000}).should('be.visible').click( {force : true} );
+    cy.wait(1000)
+    cy.screenshot('SrcType Dropown after opening')
+    cy.contains(sourceType, {timeout: 10000}).should('be.visible').click({force: true});
     switch (sourceType) {
       case 'Container Image':
         cy.typeValue({label: 'Image', value: archiveName}); 
@@ -193,7 +197,9 @@ Cypress.Commands.add('createApp', ({appName, archiveName, sourceType, customPake
         cy.typeValue({label: 'Branch', value: 'main'}); 
         break;
       case 'Archive':
-        cy.get(' button[data-testid="epinio_app-source_archive_file"] input[type="file"]').attachFile({filePath: archiveName, encoding: 'base64', mimeType: 'application/octet-stream'});       
+        cy.screenshot('SrcType Dropown opened BEFORE selecting ARCHIVE')
+        cy.get(' button[data-testid="epinio_app-source_archive_file"] input[type="file"]').attachFile({filePath: archiveName, encoding: 'base64', mimeType: 'application/octet-stream'});   
+        cy.screenshot('SrcType Dropown opened AFTER selecting ARCHIVE')
         break; 
       case 'GitHub':
         cy.get('.labeled-input.edit.has-tooltip',{timeout:5000}).contains('label', 'Username / Organization').should('be.visible')