@centreon/js-config 23.10.1-debug-e2e-cookies.24 → 23.10.1-dev-23-10-x.0

package/cypress/component/commands.tsx

@@ -10,6 +10,7 @@ import { ThemeProvider } from '@centreon/ui';
 
 import '@testing-library/cypress/add-commands';
 import 'cypress-msw-interceptor';
+import 'cypress-real-events';
 
 import disableMotion from './disableCssTransitions';
 
@@ -96,32 +97,20 @@ Cypress.Commands.add(
   }
 );
 
-interface MoveSortableElementProps {
-  direction: 'up' | 'down' | 'left' | 'right';
-  element: Cypress.Chainable<JQuery<HTMLElement>>;
-  times?: number;
-}
+Cypress.Commands.add('moveSortableElement', ({ element, direction }): void => {
+  const key = `{${direction}arrow}`;
 
-Cypress.Commands.add(
-  'moveSortableElement',
-  ({ element, direction, times = 1 }: MoveSortableElementProps): void => {
-    const key = `{${direction}arrow}`;
-
-    element.type(' ', {
-      force: true,
-      scrollBehavior: false
-    });
-
-    Array.from({ length: times }).forEach(() => {
-      element.eq(-1).type(key, {
-        scrollBehavior: false
-      });
-    });
-    element.eq(-1).type(' ', {
-      scrollBehavior: false
-    });
-  }
-);
+  element.type(' ', {
+    force: true,
+    scrollBehavior: false
+  });
+  element.eq(-1).type(key, {
+    scrollBehavior: false
+  });
+  element.eq(-1).type(' ', {
+    scrollBehavior: false
+  });
+});
 
 Cypress.Commands.add(
   'moveSortableElementUsingAriaLabel',
@@ -141,8 +130,10 @@ Cypress.Commands.add(
   }
 );
 
+Cypress.Commands.add('adjustViewport', () => cy.viewport(1280, 590));
+
 Cypress.Commands.add('makeSnapshot', (title?: string) => {
-  cy.viewport(1280, 590);
+  cy.adjustViewport();
   cy.matchImageSnapshot(title);
 });
 
@@ -155,6 +146,7 @@ Cypress.Commands.add('cssDisableMotion', (): void => {
 declare global {
   namespace Cypress {
     interface Chainable {
+      adjustViewport: () => Cypress.Chainable;
       cssDisableMotion: () => Cypress.Chainable;
       interceptAPIRequest: <T extends object>(
         props: InterceptAPIRequestProps<T>
@@ -162,11 +154,7 @@ declare global {
       interceptRequest: (method, path, mock, alias) => Cypress.Chainable;
       makeSnapshot: (title?: string) => void;
       mount: ({ Component, options }: MountProps) => Cypress.Chainable;
-      moveSortableElement: ({
-        element,
-        direction,
-        times
-      }: MoveSortableElementProps) => void;
+      moveSortableElement: ({ element, direction }) => void;
       moveSortableElementUsingAriaLabel: ({ ariaLabel, direction }) => void;
       waitForRequest: (alias) => Cypress.Chainable;
     }

package/cypress/component/configuration.js

@@ -49,6 +49,8 @@ module.exports = ({
       reportFilename: '[name]-report.json'
     },
     video: true,
-    videosFolder: `${mainCypressFolder}/results/videos`
+    videosFolder: `${mainCypressFolder}/results/videos`,
+    viewportHeight: 590,
+    viewportWidth: 1280
   });
 };

package/cypress/e2e/commands/configuration.ts

@@ -144,6 +144,7 @@ interface Host {
   alias?: string | null;
   checkCommand?: string | null;
   checkPeriod?: string | null;
+  hostGroup?: string;
   maxCheckAttempts?: number | null;
   name: string;
   passiveCheckEnabled?: boolean;
@@ -159,6 +160,7 @@ Cypress.Commands.add(
     alias = null,
     checkCommand = null,
     checkPeriod = null,
+    hostGroup = '',
     maxCheckAttempts = 1,
     name,
     passiveCheckEnabled = true,
@@ -176,7 +178,7 @@ Cypress.Commands.add(
         bodyContent: {
           action: 'ADD',
           object: 'HOST',
-          values: `${name};${hostAlias};${address};${template};${poller};`
+          values: `${name};${hostAlias};${address};${template};${poller};${hostGroup}`
         }
       })
       .then(() => {

package/cypress/e2e/commands/monitoring.ts

@@ -64,10 +64,73 @@ Cypress.Commands.add(
   }
 );
 
+interface ServiceCheck {
+  host: string;
+  isForced?: boolean;
+  service: string;
+}
+
+Cypress.Commands.add(
+  'scheduleServiceCheck',
+  ({ host, isForced = true, service }: ServiceCheck): Cypress.Chainable => {
+    cy.log(`Host: ${host}, Service: ${service}`);
+
+    let query = `SELECT parent_id, id FROM resources WHERE parent_name = '${host}' AND name = '${service}'`;
+
+    return cy
+      .fetchHostData({
+        database: 'centreon_storage',
+        query
+      })
+      .then((rows) => {
+        cy.log('Rows:', JSON.stringify(rows));
+
+        if (!Array.isArray(rows) || rows.length === 0) {
+          throw new Error(`Cannot find service ${host} / ${service}`);
+        }
+
+        const hostId = parseInt(rows[0].parent_id, 10);
+        const serviceId = parseInt(rows[0].id, 10);
+
+        cy.log(`Host ID: ${hostId}, Service ID: ${serviceId}`);
+
+        if (isNaN(hostId) || isNaN(serviceId)) {
+          throw new Error(`Invalid IDs: hostId = ${hostId}, serviceId = ${serviceId}`);
+        }
+
+        return cy.request({
+          body: {
+            check: {
+              is_forced: isForced
+            },
+            resources: [
+              {
+                id: serviceId,
+                parent: {
+                  id: hostId
+                },
+                type: 'service'
+              }
+            ]
+          },
+          method: 'POST',
+          timeout: 30000,
+          url: '/centreon/api/latest/monitoring/resources/check'
+        }).then((response) => {
+          expect(response.status).to.eq(204);
+
+          return cy.wrap(null);
+        });
+      });
+  }
+);
+
+
 declare global {
   namespace Cypress {
     interface Chainable {
       submitResults: (props: Array<SubmitResult>) => Cypress.Chainable;
+      scheduleServiceCheck: (serviceCheck) => Cypress.Chainable;
     }
   }
 }

package/cypress/e2e/commands.ts

@@ -178,11 +178,13 @@ Cypress.Commands.add(
       .getByLabel({ label: 'Connect', tag: 'button' })
       .click();
 
-    return cy.get('.MuiAlert-message').then(($snackbar) => {
-      if ($snackbar.text().includes('Login succeeded')) {
-        cy.wait('@getNavigationList');
-      }
-    });
+    return cy
+      .get('.SnackbarContent-root > .MuiPaper-root')
+      .then(($snackbar) => {
+        if ($snackbar.text().includes('Login succeeded')) {
+          cy.wait('@getNavigationList');
+        }
+      });
   }
 );
 
@@ -332,11 +334,6 @@ Cypress.Commands.add(
         name,
         source: '/var/log/centreon'
       })
-      .copyFromContainer({
-        destination: `${logDirectory}/centreon-gorgone`,
-        name,
-        source: '/var/log/centreon-gorgone'
-      })
       .then(() => {
         if (Cypress.env('WEB_IMAGE_OS').includes('alma')) {
           return cy.copyFromContainer({
@@ -355,24 +352,6 @@ Cypress.Commands.add(
           { failOnNonZeroExit: false }
         );
       })
-      .then(() => {
-        if (Cypress.env('WEB_IMAGE_OS').includes('alma')) {
-          return cy.copyFromContainer({
-            destination: `${logDirectory}/httpd`,
-            name,
-            source: '/var/log/httpd'
-          });
-        }
-
-        return cy.copyFromContainer(
-          {
-            destination: `${logDirectory}/apache2`,
-            name,
-            source: '/var/log/apache2'
-          },
-          { failOnNonZeroExit: false }
-        );
-      })
       .exec(`chmod -R 755 "${logDirectory}"`)
       .stopContainer({ name });
   }
@@ -389,7 +368,7 @@ Cypress.Commands.add(
 
     cy.exec(`docker logs ${name}`).then(({ stdout }) => {
       cy.writeFile(
-        `results/logs/${Cypress.spec.name.replace(
+        `cypress/results/logs/${Cypress.spec.name.replace(
           artifactIllegalCharactersMatcher,
           '_'
         )}/${Cypress.currentTest.title.replace(
@@ -437,41 +416,6 @@ Cypress.Commands.add(
   }
 );
 
-Cypress.Commands.add(
-  'insertDashboardWithWidget',
-  (dashboardBody, patchBody) => {
-    cy.request({
-      body: {
-        ...dashboardBody
-      },
-      method: 'POST',
-      url: '/centreon/api/latest/configuration/dashboards'
-    }).then((response) => {
-      const dashboardId = response.body.id;
-      cy.waitUntil(
-        () => {
-          return cy
-            .request({
-              method: 'GET',
-              url: `/centreon/api/latest/configuration/dashboards/${dashboardId}`
-            })
-            .then((getResponse) => {
-              return getResponse.body && getResponse.body.id === dashboardId;
-            });
-        },
-        {
-          timeout: 10000
-        }
-      );
-      cy.request({
-        body: patchBody,
-        method: 'PATCH',
-        url: `/centreon/api/latest/configuration/dashboards/${dashboardId}`
-      });
-    });
-  }
-);
-
 interface ShareDashboardToUserProps {
   dashboardName: string;
   role: string;
@@ -486,30 +430,6 @@ interface ListingRequestResult {
   };
 }
 
-interface PatchDashboardBody {
-  panels: Array<{
-    layout: {
-      height: number;
-      min_height: number;
-      min_width: number;
-      width: number;
-      x: number;
-      y: number;
-    };
-    name: string;
-    widget_settings: {
-      options: {
-        description: {
-          content: string;
-          enabled: boolean;
-        };
-        name: string;
-      };
-    };
-    widget_type: string;
-  }>;
-}
-
 Cypress.Commands.add(
   'shareDashboardToUser',
   ({ dashboardName, userName, role }: ShareDashboardToUserProps): void => {
@@ -559,10 +479,22 @@ Cypress.Commands.add('getTimeFromHeader', (): Cypress.Chainable => {
     });
 });
 
+Cypress.Commands.add('loginAsAdminViaApiV2', (): Cypress.Chainable => {
+  return cy.request({
+    body: {
+      login: 'admin',
+      password: 'Centreon!2021'
+    },
+    method: 'POST',
+    url: apiLoginV2
+  });
+});
+
 declare global {
   namespace Cypress {
     interface Chainable {
       clickSubRootMenuItem: (page: string) => Cypress.Chainable;
+      loginAsAdminViaApiV2: () => Cypress.Chainable;
       copyFromContainer: (
         props: CopyFromContainerProps,
         options?: Partial<Cypress.ExecOptions>
@@ -582,11 +514,6 @@ declare global {
       hoverRootMenuItem: (rootItemNumber: number) => Cypress.Chainable;
       insertDashboard: (dashboard: Dashboard) => Cypress.Chainable;
       insertDashboardList: (fixtureFile: string) => Cypress.Chainable;
-      insertDashboardWithWidget: (
-        dashboard: Dashboard,
-        patch: PatchDashboardBody
-      ) => Cypress.Chainable;
-
       loginByTypeOfUser: ({
         jsonName,
         loginViaApi

package/cypress/e2e/configuration.ts

@@ -5,7 +5,6 @@ import { execSync } from 'child_process';
 
 import { defineConfig } from 'cypress';
 import installLogsPrinter from 'cypress-terminal-report/src/installLogsPrinter';
-import { config as configDotenv } from 'dotenv';
 
 import esbuildPreprocessor from './esbuild-preprocessor';
 import plugins from './plugins';
@@ -15,7 +14,6 @@ interface ConfigurationOptions {
   cypressFolder?: string;
   dockerName?: string;
   env?: Record<string, unknown>;
-  envFile?: string;
   isDevelopment?: boolean;
   specPattern: string;
 }
@@ -25,13 +23,8 @@ export default ({
   cypressFolder,
   isDevelopment,
   dockerName,
-  env,
-  envFile
+  env
 }: ConfigurationOptions): Cypress.ConfigOptions => {
-  if (envFile) {
-    configDotenv({ path: envFile });
-  }
-
   const resultsFolder = `${cypressFolder || '.'}/results`;
 
   const webImageVersion = execSync('git rev-parse --abbrev-ref HEAD')
@@ -60,7 +53,7 @@ export default ({
     },
     env: {
       ...env,
-      OPENID_IMAGE_VERSION: process.env.MAJOR || '24.04',
+      OPENID_IMAGE_VERSION: '23.04',
       WEB_IMAGE_OS: 'alma9',
       WEB_IMAGE_VERSION: webImageVersion,
       dockerName: dockerName || 'centreon-dev'

package/cypress/e2e/plugins.ts

@@ -11,7 +11,7 @@ export default (
     const width = 1920;
     const height = 1080;
 
-    if (browser.family === 'chromium') {
+    if (browser.name === 'chrome') {
       if (browser.isHeadless) {
         launchOptions.args.push('--headless=new');
       }

package/jest/index.js

@@ -5,6 +5,7 @@ module.exports = {
       'jest-transform-stub',
     '^react($|/.+)': '<rootDir>/node_modules/react$1'
   },
+  setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
   testEnvironment: 'jsdom',
   testPathIgnorePatterns: ['/node_modules/', '!*.cypress.spec.tsx'],
   transform: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@centreon/js-config",
   "description": "Centreon Frontend shared build configuration",
-  "version": "23.10.1-debug-e2e-cookies.24",
+  "version": "23.10.1-dev-23-10-x.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/centreon/centreon-frontend.git"
@@ -53,7 +53,6 @@
     "cypress-multi-reporters": "^1.6.4",
     "cypress-terminal-report": "^5.3.9",
     "dockerode": "^4.0.0",
-    "dotenv": "^16.3.1",
     "esbuild": "^0.19.5",
     "mochawesome": "^7.1.3"
   }

package/webpack/base/globalConfig.js

@@ -1,5 +1,5 @@
 const excludeNodeModulesExceptCentreonUi =
-  /node_modules(\\|\/)\.pnpm(\\|\/)(?!(@centreon|file\+packages\+ui-context))/;
+  /node_modules[/\\]\.pnpm[/\\](?!.*node_modules[/\\]@centreon).*/;
 
 module.exports = {
   cache: false,

package/webpack/base/index.js

@@ -18,28 +18,34 @@ const getBaseConfiguration = ({
   cache,
   module: getModuleConfiguration(jscTransformConfiguration),
   optimization,
-  output,
+  output: {
+    ...output,
+    library: moduleName,
+    uniqueName: moduleName
+  },
   plugins: [
     new CleanWebpackPlugin(),
     moduleName &&
       new ModuleFederationPlugin({
         filename: 'remoteEntry.[chunkhash:8].js',
-        library: { name: moduleName, type: 'var' },
+        library: { name: moduleName, type: 'umd' },
         name: moduleName,
         shared: [
           {
             '@centreon/ui-context': {
+              requiredVersion: '22.10.0',
               singleton: true
             }
           },
           {
             jotai: {
-              requiredVersion: '2.x',
+              requiredVersion: '1.x',
               singleton: true
             }
           },
           {
             'jotai-suspense': {
+              requiredVersion: '0.1.x',
               singleton: true
             }
           },