@centreon/js-config 23.10.25 → 23.10.26

package/cypress/component/commands.tsx

@@ -136,7 +136,7 @@ declare global {
       ) => Cypress.Chainable;
       interceptRequest: (method, path, mock, alias) => Cypress.Chainable;
       mount: ({ Component, options }: MountProps) => Cypress.Chainable;
-      moveSortableElement: ({ ariaLabel, direction }) => void;
+      moveSortableElement: ({ element, direction }) => void;
       moveSortableElementUsingAriaLabel: ({ ariaLabel, direction }) => void;
       waitForRequest: (alias) => Cypress.Chainable;
     }

package/cypress/e2e/commands/monitoring.ts

@@ -0,0 +1,75 @@
+/* eslint-disable @typescript-eslint/no-namespace */
+
+const apiBase = '/centreon/api';
+const apiActionV1 = `${apiBase}/index.php`;
+
+const getStatusNumberFromString = (status: string): number => {
+  const statuses = {
+    critical: '2',
+    down: '1',
+    ok: '0',
+    unknown: '3',
+    unreachable: '2',
+    up: '0',
+    warning: '1'
+  };
+
+  if (status in statuses) {
+    return statuses[status];
+  }
+
+  throw new Error(`Status ${status} does not exist`);
+};
+
+interface SubmitResult {
+  host: string;
+  output: string;
+  perfdata?: string | null;
+  service?: string | null;
+  status: string;
+}
+
+Cypress.Commands.add(
+  'submitResults',
+  (results: Array<SubmitResult>): Cypress.Chainable => {
+    results.forEach(
+      ({ host, output, perfdata = '', service = null, status }) => {
+        const timestampNow = Math.floor(Date.now() / 1000) - 15;
+        const updatetime = timestampNow.toString();
+
+        const result = {
+          host,
+          output,
+          perfdata,
+          service,
+          status: getStatusNumberFromString(status),
+          updatetime
+        };
+
+        cy.request({
+          body: {
+            results: [result]
+          },
+          headers: {
+            'Content-Type': 'application/json',
+            'centreon-auth-token': window.localStorage.getItem('userTokenApiV1')
+          },
+          method: 'POST',
+          url: `${apiActionV1}?action=submit&object=centreon_submit_results`
+        });
+      }
+    );
+
+    return cy.wrap(null);
+  }
+);
+
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      submitResults: (props: Array<SubmitResult>) => Cypress.Chainable;
+    }
+  }
+}
+
+export {};

package/cypress/e2e/commands.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-namespace */
 
 import './commands/configuration';
+import './commands/monitoring';
 
 const apiLoginV2 = '/centreon/authentication/providers/configurations/local';
 
@@ -109,7 +110,7 @@ Cypress.Commands.add(
       source,
       destination
     }: CopyFromContainerProps,
-    options
+    options?: Partial<Cypress.ExecOptions>
   ) => {
     return cy.exec(`docker cp ${name}:${source} "${destination}"`, options);
   }
@@ -129,7 +130,7 @@ Cypress.Commands.add(
       source,
       destination
     }: CopyToContainerProps,
-    options
+    options?: Partial<Cypress.ExecOptions>
   ) => {
     return cy.exec(`docker cp ${source} ${name}:${destination}`, options);
   }
@@ -159,12 +160,15 @@ Cypress.Commands.add(
         .visit(`${Cypress.config().baseUrl}`)
         .wait('@getNavigationList');
     }
+
     cy.visit(`${Cypress.config().baseUrl}`)
       .fixture(`users/${jsonName}.json`)
       .then((credential) => {
-        cy.getByLabel({ label: 'Alias', tag: 'input' }).type(credential.login);
+        cy.getByLabel({ label: 'Alias', tag: 'input' }).type(
+          `{selectAll}{backspace}${credential.login}`
+        );
         cy.getByLabel({ label: 'Password', tag: 'input' }).type(
-          credential.password
+          `{selectAll}{backspace}${credential.password}`
         );
       })
       .getByLabel({ label: 'Connect', tag: 'button' })
@@ -407,6 +411,14 @@ interface ShareDashboardToUserProps {
   userName: string;
 }
 
+interface ListingRequestResult {
+  body: {
+    result: Array<{
+      id: number;
+    }>;
+  };
+}
+
 Cypress.Commands.add(
   'shareDashboardToUser',
   ({ dashboardName, userName, role }: ShareDashboardToUserProps): void => {
@@ -419,8 +431,11 @@ Cypress.Commands.add(
         method: 'GET',
         url: `/centreon/api/latest/configuration/dashboards?search={"name":"${dashboardName}"}`
       })
-    ])
-      .then(([retrievedUser, retrievedDashboard]) => {
+    ]).then(
+      ([retrievedUser, retrievedDashboard]: [
+        ListingRequestResult,
+        ListingRequestResult
+      ]) => {
         const userId = retrievedUser.body.result[0].id;
         const dashboardId = retrievedDashboard.body.result[0].id;
 
@@ -432,30 +447,39 @@ Cypress.Commands.add(
           method: 'POST',
           url: `/centreon/api/latest/configuration/dashboards/${dashboardId}/access_rights/contacts`
         });
-      })
-      .catch((error) => console.log(error));
+      }
+    );
   }
 );
 
 Cypress.Commands.add('getTimeFromHeader', (): Cypress.Chainable => {
-  return cy.waitUntil(() => {
-    return cy.get('header div[data-cy="clock"]').then(($time) => {
+  return cy
+    .get('header div[data-cy="clock"]', { timeout: 10000 })
+    .should('be.visible')
+    .then(($time) => {
       const headerTime = $time.children()[1].textContent;
       if (headerTime?.match(/\d+:\d+/)) {
-        return headerTime;
+        cy.log(`header time is : ${headerTime}`);
+
+        return cy.wrap(headerTime);
       }
 
-      return false;
+      throw new Error(`header time is not displayed`);
     });
-  });
 });
 
 declare global {
   namespace Cypress {
     interface Chainable {
       clickSubRootMenuItem: (page: string) => Cypress.Chainable;
-      copyFromContainer: (props: CopyFromContainerProps) => Cypress.Chainable;
-      copyToContainer: (props: CopyToContainerProps) => Cypress.Chainable;
+      copyFromContainer: (
+        props: CopyFromContainerProps,
+        options?: Partial<Cypress.ExecOptions>
+      ) => Cypress.Chainable;
+      copyToContainer: (
+        props: CopyToContainerProps,
+        options?: Partial<Cypress.ExecOptions>
+      ) => Cypress.Chainable;
       execInContainer: ({
         command,
         name

package/cypress/e2e/configuration.ts

@@ -22,9 +22,7 @@ export default ({
   dockerName,
   env
 }: ConfigurationOptions): Cypress.ConfigOptions => {
-  const resultsFolder = `${cypressFolder || 'cypress'}/results${
-    isDevelopment ? '/dev' : ''
-  }`;
+  const resultsFolder = `${cypressFolder || 'cypress'}/results`;
 
   const webImageVersion = execSync('git rev-parse --abbrev-ref HEAD')
     .toString('utf8')
@@ -58,6 +56,7 @@ export default ({
     retries: 0,
     screenshotsFolder: `${resultsFolder}/screenshots`,
     video: true,
+    videoCompression: isDevelopment ? 0 : 16,
     videosFolder: `${resultsFolder}/videos`
   });
 };

package/cypress/e2e/plugins.ts

@@ -50,6 +50,9 @@ export default async (on, config): Promise<void> => {
   on('file:preprocessor', webpackPreprocessor(options));
 
   on('before:browser:launch', (browser = {}, launchOptions) => {
+    const width = 1920;
+    const height = 1080;
+
     if ((browser as { name }).name === 'chrome') {
       // flags description : https://github.com/GoogleChrome/chrome-launcher/blob/main/docs/chrome-flags-for-tools.md
       launchOptions.args.push('--disable-gpu');
@@ -58,6 +61,10 @@ export default async (on, config): Promise<void> => {
       launchOptions.args.push('--hide-scrollbars');
       launchOptions.args.push('--mute-audio');
       launchOptions.args.push('--hide-scrollbars');
+
+      launchOptions.args.push(`--window-size=${width},${height}`);
+      // force screen to be non-retina and just use our given resolution
+      launchOptions.args.push('--force-device-scale-factor=1');
     }
 
     return launchOptions;

package/package.json

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