@centreon/js-config 23.10.26 → 23.10.28

package/cypress/component/commands.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import { mount } from 'cypress/react18';
 import { equals, isNil } from 'ramda';
 
-import { Box } from '@mui/material';
+import { Box, CssBaseline } from '@mui/material';
 
 import { ThemeProvider } from '@centreon/ui';
 
@@ -36,11 +36,10 @@ Cypress.Commands.add('mount', ({ Component, options = {} }) => {
       >
         {Component}
       </Box>
+      <CssBaseline />
     </ThemeProvider>
   );
 
-  document.getElementsByTagName('body')[0].setAttribute('style', 'margin:0px');
-
   return mount(wrapped, options);
 });
 
@@ -128,6 +127,11 @@ Cypress.Commands.add(
   }
 );
 
+Cypress.Commands.add('makeSnapshot', (title?: string) => {
+  cy.viewport(1280, 590);
+  cy.matchImageSnapshot(title);
+});
+
 declare global {
   namespace Cypress {
     interface Chainable {
@@ -135,6 +139,7 @@ declare global {
         props: InterceptAPIRequestProps<T>
       ) => Cypress.Chainable;
       interceptRequest: (method, path, mock, alias) => Cypress.Chainable;
+      makeSnapshot: (title?: string) => void;
       mount: ({ Component, options }: MountProps) => Cypress.Chainable;
       moveSortableElement: ({ element, direction }) => void;
       moveSortableElementUsingAriaLabel: ({ ariaLabel, direction }) => void;

package/cypress/e2e/commands.ts

@@ -225,29 +225,7 @@ interface StartContainerProps {
 Cypress.Commands.add(
   'startContainer',
   ({ name, image, portBindings }: StartContainerProps): Cypress.Chainable => {
-    return cy
-      .exec('docker image list --format "{{.Repository}}:{{.Tag}}"')
-      .then(({ stdout }) => {
-        if (
-          stdout.match(
-            new RegExp(
-              `^${image.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&')}`,
-              'm'
-            )
-          )
-        ) {
-          cy.log(`Local docker image found : ${image}`);
-
-          return cy.wrap(image);
-        }
-
-        cy.log(`Pulling remote docker image : ${image}`);
-
-        return cy.exec(`docker pull ${image}`).then(() => cy.wrap(image));
-      })
-      .then((imageName) =>
-        cy.task('startContainer', { image: imageName, name, portBindings })
-      );
+    return cy.task('startContainer', { image, name, portBindings });
   }
 );
 

package/cypress/e2e/plugins.ts

@@ -3,6 +3,8 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable no-param-reassign */
 
+import { execSync } from 'child_process';
+
 import Docker from 'dockerode';
 import { addCucumberPreprocessorPlugin } from '@badeball/cypress-cucumber-preprocessor';
 import webpackPreprocessor from '@cypress/webpack-preprocessor';
@@ -91,6 +93,21 @@ export default async (on, config): Promise<void> => {
       name,
       portBindings = []
     }: StartContainerProps) => {
+      const imageList = execSync(
+        'docker image list --format "{{.Repository}}:{{.Tag}}"'
+      ).toString('utf8');
+
+      if (
+        !imageList.match(
+          new RegExp(
+            `^${image.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&')}`,
+            'm'
+          )
+        )
+      ) {
+        execSync(`docker pull ${image}`);
+      }
+
       const webContainers = await docker.listContainers({
         all: true,
         filters: { name: [name] }

package/package.json

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

package/tsconfig/index.json

@@ -1,8 +1,7 @@
 {
   "compilerOptions": {
-    "moduleResolution": "nodenext",
     "downlevelIteration": true,
-    "module": "esnext",
+    "module": "ESNext",
     "target": "es2018",
     "jsx": "react-jsx",
     "strict": true,