@centreon/js-config 23.4.21 → 23.4.22-0

package/cypress/component/configuration.js

@@ -2,7 +2,7 @@
 const { defineConfig } = require('cypress');
 const {
   addMatchImageSnapshotPlugin
-} = require('cypress-image-snapshot/plugin');
+} = require('@simonsmith/cypress-image-snapshot/plugin');
 
 module.exports = ({ webpackConfig, cypressFolder, specPattern, env }) => {
   const mainCypressFolder = cypressFolder || 'cypress';

package/cypress/component/enableVisualTesting.ts

@@ -1,4 +1,4 @@
-import { addMatchImageSnapshotCommand } from 'cypress-image-snapshot/command';
+import { addMatchImageSnapshotCommand } from '@simonsmith/cypress-image-snapshot/command';
 
 const enableVisualTesting = (cypressFolder = 'cypress'): void => {
   if (Cypress.config('isInteractive')) {
@@ -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",
+  "version": "23.4.22-0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/centreon/centreon-frontend.git"