@centreon/js-config 26.1.0 → 26.1.2

package/cypress/e2e/commands/configuration.ts

@@ -14,16 +14,19 @@ interface ActionClapi {
 interface ExecuteActionViaClapiProps {
   bodyContent: ActionClapi;
   method?: string;
+  failOnError?: boolean;
 }
 
 Cypress.Commands.add(
   'executeActionViaClapi',
   ({
     bodyContent,
-    method = 'POST'
+    method = 'POST',
+    failOnError = true
   }: ExecuteActionViaClapiProps): Cypress.Chainable => {
     return cy.request({
       body: bodyContent,
+      failOnStatusCode: failOnError,
       headers: {
         'Content-Type': 'application/json',
         'centreon-auth-token': window.localStorage.getItem('userTokenApiV1')

package/cypress/e2e/commands.ts

@@ -74,13 +74,89 @@ Cypress.Commands.add('getWebVersion', (): Cypress.Chainable => {
     });
 });
 
-Cypress.Commands.add('getIframeBody', (): Cypress.Chainable => {
-  return cy
-    .get('iframe#main-content', { timeout: 10000 })
-    .its('0.contentDocument.body')
-    .should('not.be.empty')
-    .then(cy.wrap);
-});
+Cypress.Commands.add(
+  'getIframeBody',
+  (iframeSelector = 'iframe#main-content'): Cypress.Chainable<JQuery<HTMLElement>> => {
+    return cy.waitUntil(
+      () =>
+        cy
+          .get<HTMLIFrameElement>(iframeSelector, { log: false })
+          .then($iframe => {
+            const doc = $iframe[0].contentDocument;
+
+            return Boolean(
+              doc &&
+              doc.readyState === 'complete' &&
+              doc.body &&
+              doc.body.children.length > 0
+            );
+          }),
+      {
+        timeout: 20000,
+        interval: 200,
+        errorMsg: 'Iframe not fully loaded (readyState !== complete)',
+      }
+    ).then(() => {
+      return cy
+        .get<HTMLIFrameElement>(iframeSelector)
+        .then($iframe => {
+          const body = $iframe[0].contentDocument!.body;
+          return cy.wrap(body);
+        });
+    });
+  }
+);
+
+Cypress.Commands.add(
+  'waitForElementInIframe',
+  (iframeSelector, elementSelector) => {
+    cy.waitUntil(
+      () =>
+        cy
+          .get(iframeSelector)
+          .its('0.contentDocument.body')
+          .should('not.be.empty')
+          .then(cy.wrap)
+          .within(() => {
+            const element = Cypress.$(elementSelector);
+
+            return element.length > 0 && element.is(':visible');
+          }),
+      {
+        errorMsg: 'The element is not visible',
+        interval: 5000,
+        timeout: 100000
+      }
+    ).then((isVisible) => {
+      if (!isVisible) {
+        throw new Error('The element is not visible');
+      }
+    });
+  }
+);
+
+Cypress.Commands.add(
+  'waitForElementToBeVisible',
+  (selector, timeout = 50000, interval = 2000) => {
+    cy.waitUntil(
+      () =>
+        cy.get('body').then(($body) => {
+          const element = $body.find(selector);
+
+          return element.length > 0 && element.is(':visible');
+        }),
+      {
+        errorMsg: `The element '${selector}' is not visible`,
+        interval,
+        timeout
+      }
+    ).then((isVisible) => {
+      if (!isVisible) {
+        throw new Error(`The element '${selector}' is not visible`);
+      }
+    });
+  }
+);
 
 Cypress.Commands.add(
   'hoverRootMenuItem',
@@ -259,7 +335,7 @@ Cypress.Commands.add(
         cy.getByLabel({ label: 'Alias', tag: 'input' }).type(
           `{selectAll}{backspace}${credential.login}`
         );
-        cy.getByLabel({ label: 'Password', tag: 'input' }).type(
+        cy.get('input[type="password"]').type(
           `{selectAll}{backspace}${credential.password}`
         );
       })
@@ -301,9 +377,14 @@ Cypress.Commands.add('logout', (): void => {
   cy.clearAllCookies();
 });
 
-Cypress.Commands.add('logoutViaAPI', (): Cypress.Chainable => {
+interface LogoutViaAPIProps {
+  failOnError?: boolean;
+}
+
+Cypress.Commands.add('logoutViaAPI', ({ failOnError = true }: LogoutViaAPIProps = {}): Cypress.Chainable => {
   return cy
     .request({
+      failOnStatusCode: failOnError,
       method: 'GET',
       url: '/centreon/authentication/logout'
     })
@@ -488,8 +569,11 @@ Cypress.Commands.add(
 
     const webImage = `docker.centreon.com/centreon/${moduleName}${slimSuffix}-${webOs}:${webVersion}`;
 
-    return cy
-      .task(
+    const timeout = 1200_000; // 20 minutes because docker pull can be very slow (mainly keycloak)
+    const cypressTaskTimeout = Cypress.config('taskTimeout') || 600_000;
+    Cypress.config('taskTimeout', timeout);
+
+    cy.task(
         'startContainers',
         {
           composeFile: composeFilePath,
@@ -499,7 +583,7 @@ Cypress.Commands.add(
           samlImage,
           webImage
         },
-        { timeout: 600000 } // 10 minutes because docker pull can be very slow
+        { timeout }
       )
       .then(() => {
         const baseUrl = 'http://127.0.0.1:4000';
@@ -510,6 +594,10 @@ Cypress.Commands.add(
       })
       .visit('/') // this is necessary to refresh browser cause baseUrl has changed (flash appears in video)
       .setUserTokenApiV1();
+
+    Cypress.config('taskTimeout', cypressTaskTimeout);
+
+    return cy.wrap(null);
   }
 );
 
@@ -923,7 +1011,7 @@ declare global {
       getContainerIpAddress: (containerName: string) => Cypress.Chainable;
       getContainersLogs: () => Cypress.Chainable;
       getContainerMappedPort: (containerName: string, containerPort: number) => Cypress.Chainable;
-      getIframeBody: () => Cypress.Chainable;
+      getIframeBody: (iframeSelector?: string) => Cypress.Chainable;
       getLogDirectory: () => Cypress.Chainable;
       getTimeFromHeader: () => Cypress.Chainable;
       getWebVersion: () => Cypress.Chainable;
@@ -949,7 +1037,7 @@ declare global {
         loginViaApi
       }: LoginByTypeOfUserProps) => Cypress.Chainable;
       logout: () => void;
-      logoutViaAPI: () => Cypress.Chainable;
+      logoutViaAPI: (props?: LogoutViaAPIProps) => Cypress.Chainable;
       moveSortableElement: (direction: string) => Cypress.Chainable;
       navigateTo: ({
         page,
@@ -988,6 +1076,15 @@ declare global {
       stopContainer: ({ name }: StopContainerProps) => Cypress.Chainable;
       stopContainers: () => Cypress.Chainable;
       visitEmptyPage: () => Cypress.Chainable;
+      waitForElementInIframe: (
+        iframeSelector: string,
+        elementSelector: string
+      ) => Cypress.Chainable;
+      waitForElementToBeVisible(
+        selector: string,
+        timeout?: number,
+        interval?: number
+      ): Cypress.Chainable;
     }
   }
 }

package/cypress/e2e/configuration.ts

@@ -83,7 +83,7 @@ export default ({
     requestTimeout: 20000,
     retries: {
       openMode: 0,
-      runMode: 2
+      runMode: process.env.CI ? 2 : 0
     },
     screenshotsFolder: `${resultsFolder}/screenshots`,
     // Ensure previous run assets are removed to avoid accumulation

package/cypress/e2e/tasks.ts

@@ -226,7 +226,7 @@ export default (on: Cypress.PluginEvents): void => {
             WEB_IMAGE: webImage,
           })
           .withProfiles(...profiles)
-          .withStartupTimeout(120000)
+          .withStartupTimeout(900_000) // 15 minutes
           .withWaitStrategy(
             "web-1",
             Wait.forAll([
@@ -238,9 +238,7 @@ export default (on: Cypress.PluginEvents): void => {
 
         return null;
       } catch (error) {
-        if (error instanceof Error) {
-          console.error(error.message);
-        }
+        console.error(error);
 
         throw error;
       }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@centreon/js-config",
     "description": "Centreon Frontend shared build configuration",
-    "version": "26.1.0",
+    "version": "26.1.2",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/centreon/centreon-frontend.git"