@centreon/js-config 23.10.33-develop.0 → 23.10.34

package/cypress/component/configuration.js

@@ -24,6 +24,14 @@ module.exports = ({
       excludeSpecPattern,
       setupNodeEvents: (on, config) => {
         addMatchImageSnapshotPlugin(on, config);
+
+        on('before:browser:launch', (browser, launchOptions) => {
+          if (browser.name === 'chrome' && browser.isHeadless) {
+            launchOptions.args.push('--headless=new');
+          }
+
+          return launchOptions;
+        });
       },
       specPattern,
       supportFile: `${mainCypressFolder}/support/component.tsx`

package/cypress/e2e/commands.ts

@@ -3,6 +3,10 @@
 import './commands/configuration';
 import './commands/monitoring';
 
+import installLogsCollector from 'cypress-terminal-report/src/installLogsCollector';
+
+installLogsCollector();
+
 const apiLoginV2 = '/centreon/authentication/providers/configurations/local';
 
 const artifactIllegalCharactersMatcher = /[,\s/|<>*?:"]/g;

package/cypress/e2e/configuration.ts

@@ -4,6 +4,7 @@
 import { execSync } from 'child_process';
 
 import { defineConfig } from 'cypress';
+import installLogsPrinter from 'cypress-terminal-report/src/installLogsPrinter';
 
 import esbuildPreprocessor from './esbuild-preprocessor';
 import plugins from './plugins';
@@ -35,7 +36,12 @@ export default ({
     defaultCommandTimeout: 6000,
     e2e: {
       excludeSpecPattern: ['*.js', '*.ts', '*.md'],
+      reporter: require.resolve('cypress-multi-reporters'),
+      reporterOptions: {
+        configFile: `${__dirname}/reporter-config.js`
+      },
       setupNodeEvents: async (on, config) => {
+        installLogsPrinter(on);
         await esbuildPreprocessor(on, config);
         tasks(on);
 
@@ -51,19 +57,11 @@ export default ({
       dockerName: dockerName || 'centreon-dev'
     },
     execTimeout: 60000,
-    reporter: 'mochawesome',
-    reporterOptions: {
-      html: false,
-      json: true,
-      overwrite: true,
-      reportDir: `${resultsFolder}/reports`,
-      reportFilename: '[name]-report.json'
-    },
     requestTimeout: 10000,
     retries: 0,
     screenshotsFolder: `${resultsFolder}/screenshots`,
     video: true,
-    videoCompression: isDevelopment ? 0 : 16,
+    videoCompression: 0,
     videosFolder: `${resultsFolder}/videos`
   });
 };

package/cypress/e2e/plugins.ts

@@ -11,16 +11,20 @@ export default (
     const width = 1920;
     const height = 1080;
 
-    if ((browser as { name }).name === 'chrome') {
+    if (browser.name === 'chrome') {
+      if (browser.isHeadless) {
+        launchOptions.args.push('--headless=new');
+      }
+
       // flags description : https://github.com/GoogleChrome/chrome-launcher/blob/main/docs/chrome-flags-for-tools.md
       launchOptions.args.push('--disable-gpu');
       launchOptions.args.push('--auto-open-devtools-for-tabs');
       launchOptions.args.push('--disable-extensions');
       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');
     }

package/cypress/e2e/reporter-config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  mochawesomeReporterOptions: {
+    consoleReporter: 'none',
+    html: false,
+    json: true,
+    overwrite: true,
+    reportDir: 'cypress/results/reports',
+    reportFilename: '[name]-report.json'
+  },
+  reporterEnabled: `mochawesome,${require.resolve(
+    '@badeball/cypress-cucumber-preprocessor/pretty-reporter'
+  )}`
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@centreon/js-config",
   "description": "Centreon Frontend shared build configuration",
-  "version": "23.10.33-develop.0",
+  "version": "23.10.34",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/centreon/centreon-frontend.git"
@@ -16,15 +16,7 @@
     "url": "https://github.com/centreon/centreon-frontend/issues"
   },
   "devDependencies": {
-    "@badeball/cypress-cucumber-preprocessor": "^18.0.5",
-    "@bahmutov/cypress-esbuild-preprocessor": "^2.2.0",
-    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
-    "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
-    "@tsconfig/node16": "^1.0.4",
-    "@types/cypress-cucumber-preprocessor": "^4.0.2",
-    "@types/dockerode": "^3.3.19",
-    "dockerode": "^3.3.5",
-    "esbuild": "^0.19.2",
+    "@tsconfig/node16": "^16.1.1",
     "eslint": "^8.17.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "^8.5.0",
@@ -50,5 +42,18 @@
     "tsconfig",
     "webpack",
     "cypress"
-  ]
+  ],
+  "dependencies": {
+    "@badeball/cypress-cucumber-preprocessor": "^18.0.6",
+    "@bahmutov/cypress-esbuild-preprocessor": "^2.2.0",
+    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
+    "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
+    "@types/cypress-cucumber-preprocessor": "^4.0.2",
+    "@types/dockerode": "^3.3.19",
+    "cypress-multi-reporters": "^1.6.3",
+    "cypress-terminal-report": "^5.3.6",
+    "dockerode": "^3.3.5",
+    "esbuild": "^0.19.3",
+    "mochawesome": "^7.1.3"
+  }
 }