Merge pull request ceph#50037 from rhcs-dashboard/cypress-10

mgr/dashboard: update to cypress 10

Reviewed-by: Pegonzal <NOT@FOUND>

Author: nizamial09

src/pybind/mgr/dashboard/ci/cephadm/run-cephadm-e2e-tests.sh

@@ -24,7 +24,7 @@ export CYPRESS_BASE_URL CYPRESS_LOGIN_USER CYPRESS_LOGIN_PWD
 cypress_run () {
     local specs="$1"
     local timeout="$2"
-    local override_config="ignoreTestFiles=*.po.ts,retries=0,testFiles=${specs},chromeWebSecurity=false"
+    local override_config="excludeSpecPattern=*.po.ts,retries=0,specPattern=${specs},chromeWebSecurity=false"
     if [[ -n "$timeout" ]]; then
         override_config="${override_config},defaultCommandTimeout=${timeout}"
     fi
@@ -55,5 +55,5 @@ kcli ssh -u root ceph-node-00 'cephadm shell "ceph orch apply node-exporter --pl
 
 kcli ssh -u root ceph-node-00 'cephadm shell "ceph config set mgr mgr/prometheus/exclude_perf_counters false"'
 
-cypress_run ["orchestrator/workflow/*.feature, orchestrator/workflow/*-spec.ts"]
-cypress_run "orchestrator/grafana/*.feature"
+cypress_run ["cypress/e2e/orchestrator/workflow/*.feature","cypress/e2e/orchestrator/workflow/*-spec.ts"]
+cypress_run "cypress/e2e/orchestrator/grafana/*.feature"

src/pybind/mgr/dashboard/frontend/cypress.config.ts

@@ -0,0 +1,42 @@
+import { defineConfig } from 'cypress'
+
+export default defineConfig({
+  video: true,
+  videoUploadOnPasses: false,
+  defaultCommandTimeout: 120000,
+  responseTimeout: 45000,
+  viewportHeight: 1080,
+  viewportWidth: 1920,
+  projectId: 'k7ab29',
+  reporter: 'cypress-multi-reporters',
+  reporterOptions: {
+    reporterEnabled: 'spec, mocha-junit-reporter',
+    mochaJunitReporterReporterOptions: {
+      mochaFile: 'cypress/reports/results-[hash].xml',
+    },
+  },
+  retries: 1,
+  env: {
+    LOGIN_USER: 'admin',
+    LOGIN_PWD: 'admin',
+    CEPH2_URL: 'https://localhost:4202/',
+  },
+  chromeWebSecurity: false,
+  eyesIsDisabled: false,
+  eyesFailCypressOnDiff: true,
+  eyesDisableBrowserFetching: false,
+  eyesLegacyHooks: true,
+  eyesTestConcurrency: 5,
+  eyesPort: 35321,
+  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: 'https://localhost:4200/',
+    excludeSpecPattern: ['*.po.ts', '**/orchestrator/**'],
+    experimentalSessionAndOrigin: true,
+    specPattern: 'cypress/e2e/**/*-spec.{js,jsx,ts,tsx}',
+  },
+})

src/pybind/mgr/dashboard/frontend/cypress.json

@@ -29,6 +29,8 @@ describe('Mirroring page', () => {
     const poolName = 'rbd-mirror';
 
     beforeEach(() => {
+      // login to the second ceph cluster
+      cy.ceph2Login();
       cy.login();
       Cypress.Cookies.preserveOnce('token');
       pools.navigateTo('create');
@@ -44,18 +46,21 @@ describe('Mirroring page', () => {
       mirroring.generateToken(poolName);
       cy.get('@token').then((bootstrapToken) => {
         // pass the token to the origin as an arg
-        const args = { name: poolName, token: String(bootstrapToken) };
-
-        // login to the second ceph cluster
-        cy.ceph2Login();
-
+        const args = { name: poolName, bootstrapToken: String(bootstrapToken) };
         // can't use any imports or functions inside the origin
         // so writing the code to copy the token inside the origin manually
         // rather than using a function call
         // @ts-ignore
-        cy.origin(url, { args }, ({ name, token }: any) => {
+        cy.origin(url, { args }, ({ name, bootstrapToken }) => {
           // Create an rbd pool in the second cluster
+
+          // Login to the second cluster
+          // Somehow its not working with the cypress login function
           cy.visit('#/pool/create').wait(100);
+
+          cy.get('[name=username]').type('admin');
+          cy.get('#password').type('admin');
+          cy.get('[type=submit]').click();
           cy.get('input[name=name]').clear().type(name);
           cy.get(`select[name=poolType]`).select('replicated');
           cy.get(`select[name=poolType] option:checked`).contains('replicated');
@@ -71,7 +76,7 @@ describe('Mirroring page', () => {
           cy.get('[aria-label="Import Bootstrap Token"]').click();
           cy.get('cd-bootstrap-import-modal').within(() => {
             cy.get(`label[for=${name}]`).click();
-            cy.get('textarea[id=token]').wait(100).type(token);
+            cy.get('textarea[id=token]').wait(100).type(bootstrapToken);
             cy.get('button[type=submit]').click();
           });
         });