@centreon/js-config 23.4.21-MON-fix-image-snapshot.4 → 23.4.22-0

package/cypress/component/commands.tsx

@@ -2,11 +2,13 @@
 import React from 'react';
 
 import { mount } from 'cypress/react18';
+import { equals, isNil } from 'ramda';
 
 import { Box } from '@mui/material';
 
 import { ThemeProvider } from '@centreon/ui';
 
+import '@testing-library/cypress/add-commands';
 import 'cypress-msw-interceptor';
 
 interface MountProps {
@@ -29,7 +31,6 @@ Cypress.Commands.add('mount', ({ Component, options }) => {
         sx={{
           backgroundColor: 'background.paper',
           height: '100%',
-          overflow: 'hidden',
           width: '100%'
         }}
       >
@@ -43,10 +44,16 @@ Cypress.Commands.add('mount', ({ Component, options }) => {
   return mount(wrapped, options);
 });
 
+interface Query {
+  name: string;
+  value: string;
+}
+
 export interface InterceptAPIRequestProps<T> {
   alias: string;
   method: Method;
   path: string;
+  query?: Query;
   response?: T | Array<T>;
   statusCode?: number;
 }
@@ -58,13 +65,30 @@ Cypress.Commands.add(
     path,
     response,
     alias,
+    query,
     statusCode = 200
   }: InterceptAPIRequestProps<T>): void => {
     cy.interceptRequest(
       method,
       path.replace('./', '**'),
       (req, res, ctx) => {
-        return res(ctx.delay(500), ctx.json(response), ctx.status(statusCode));
+        const getQuery = req?.url?.searchParams?.get(query?.name);
+        if (query && equals(query.value, getQuery)) {
+          return res(
+            ctx.delay(500),
+            ctx.json(response),
+            ctx.status(statusCode)
+          );
+        }
+        if (!getQuery && isNil(query)) {
+          return res(
+            ctx.delay(500),
+            ctx.json(response),
+            ctx.status(statusCode)
+          );
+        }
+
+        return null;
       },
       alias
     );

package/cypress/component/enableVisualTesting.ts

@@ -11,7 +11,7 @@ const enableVisualTesting = (cypressFolder = 'cypress'): void => {
 
   addMatchImageSnapshotCommand({
     capture: 'viewport',
-    customDiffConfig: { threshold: 0.1 },
+    customDiffConfig: { threshold: 0.01 },
     customSnapshotsDir: `${cypressFolder}/visual-testing-snapshots`,
     failureThreshold: 0.06,
     failureThresholdType: 'percent'

package/cypress/e2e/commands.ts

@@ -15,7 +15,10 @@ Cypress.Commands.add('getIframeBody', (): Cypress.Chainable => {
 Cypress.Commands.add(
   'hoverRootMenuItem',
   (rootItemNumber: number): Cypress.Chainable => {
-    return cy.get('li').eq(rootItemNumber).trigger('mouseover');
+    return cy
+      .get('div[data-testid="sidebar"] li')
+      .eq(rootItemNumber)
+      .trigger('mouseover');
   }
 );
 
@@ -172,6 +175,36 @@ Cypress.Commands.add(
   }
 );
 
+Cypress.Commands.add('waitForContainerAndSetToken', (): Cypress.Chainable => {
+  return cy
+    .exec(`npx wait-on ${Cypress.config().baseUrl}`)
+    .then(() => cy.setUserTokenApiV1());
+});
+
+interface StartContainerProps {
+  name: string;
+  os: string;
+  version: string;
+}
+
+Cypress.Commands.add(
+  'startContainer',
+  ({ name, os, version }: StartContainerProps): Cypress.Chainable => {
+    return cy.exec(
+      `docker run -p 4000:80 -d --name ${name} docker.centreon.com/centreon/centreon-web-${os}:${version}`
+    );
+  }
+);
+
+Cypress.Commands.add(
+  'stopContainer',
+  (containerName: string): Cypress.Chainable => {
+    return cy.exec(
+      `docker stop ${containerName} && docker rm ${containerName}`
+    );
+  }
+);
+
 declare global {
   namespace Cypress {
     interface Chainable {
@@ -192,6 +225,9 @@ declare global {
         rootItemNumber,
         subMenu
       }: NavigateToProps) => Cypress.Chainable;
+      startContainer: () => Cypress.Chainable;
+      stopContainer: (containerName: string) => Cypress.Chainable;
+      waitForContainerAndSetToken: () => Cypress.Chainable;
     }
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@centreon/js-config",
   "description": "Centreon Frontend shared build configuration",
-  "version": "23.4.21-MON-fix-image-snapshot.4",
+  "version": "23.4.22-0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/centreon/centreon-frontend.git"