@telefonica/acceptance-testing 3.0.0-beta3 → 3.0.0-beta5

package/jest-puppeteer-config.js

@@ -1,3 +1,4 @@
+// @ts-check
 const path = require('path');
 const fs = require('fs');
 const findRoot = require('find-root');
@@ -16,10 +17,19 @@ const poll = async (url) => {
     throw Error(`Error fetching ${url}`);
 };
 
+/** @param args {Array<unknown>} */
+const debug = (...args) => {
+    if (process.env.DEBUG) {
+        console.log('[acceptance-testing]', ...args);
+    }
+};
+
 /**
  * CI => everything runs inside a docker
  * Local, headless => connects to a dockerized chromium at port 9223 (see docker-compose.yaml)
  * Local, with UI => launches a local chromium installed by puppetteer
+ *
+ * @returns {Promise<import('jest-environment-puppeteer').JestPuppeteerConfig>}
  */
 const getPuppeteerConfig = async () => {
     const isCi = process.argv.includes('--ci') || process.env.CI;
@@ -27,12 +37,12 @@ const getPuppeteerConfig = async () => {
     const isHeadless = !!process.env.HEADLESS;
 
     const rootDir = findRoot(process.cwd());
-    const pkg = JSON.parse(fs.readFileSync(path.join(rootDir, 'package.json'), 'utf-8'));
-    const projectConfig = pkg.acceptanceTests || {};
+    const packageJson = JSON.parse(fs.readFileSync(path.join(rootDir, 'package.json'), 'utf-8'));
+    const projectConfig = packageJson.acceptanceTests || {};
 
     const server = (isCi ? projectConfig.ciServer : projectConfig.devServer) || projectConfig.server || {};
 
-    const baseConfig = {
+    const baseConnectOrLaunchConfig = {
         ignoreHTTPSErrors: true,
         headless: isHeadless,
         slowMo: isHeadless ? 0 : 50,
@@ -65,7 +75,7 @@ const getPuppeteerConfig = async () => {
         // const {webSocketDebuggerUrl} = await fetch(`${dockerChromiumUrl}/json/version`).then((r) => r.json());
 
         connect = {
-            ...baseConfig,
+            ...baseConnectOrLaunchConfig,
             browserURL: dockerChromiumUrl,
             // browserWSEndpoint: webSocketDebuggerUrl,
         };
@@ -80,21 +90,20 @@ const getPuppeteerConfig = async () => {
         launchTimeout: 60000,
     };
 
-    return {
+    /** @type import('jest-environment-puppeteer').JestPuppeteerConfig  */
+    const config = {
         launch: {
-            ...baseConfig,
+            ...baseConnectOrLaunchConfig,
             // Launch chromium installed in docker in CI
             ...(isCi ? {executablePath: '/usr/bin/chromium'} : {}),
             env: {
-                ...process.env,
                 TZ: 'UTC',
                 LANG: 'es_ES',
                 LANGUAGE: 'es_ES',
             },
+            // args must be the same as the ones defined in web-builder Dockerfile
             args: [
-                // https://peter.sh/experiments/chromium-command-line-switches/
-                '--no-sandbox', // probably not needed in ubuntu
-                '--font-render-hinting=none', // this flag is important because we use it when launching dockerized chromium too
+                '--lang=es_ES',
                 '--disable-background-networking',
                 '--disable-background-timer-throttling',
                 '--disable-breakpad',
@@ -108,7 +117,22 @@ const getPuppeteerConfig = async () => {
                 '--disable-prompt-on-repost',
                 '--disable-sync',
                 '--disable-translate',
-                '--disable-smooth-scrolling',
+                '--disable-gpu',
+                '--metrics-recording-only',
+                '--no-first-run',
+                '--safebrowsing-disable-auto-update',
+                '--enable-automation',
+                '--password-store=basic',
+                '--use-mock-keychain',
+                '--headless',
+                '--hide-scrollbars',
+                '--no-sandbox',
+                '--font-render-hinting=none',
+                '--force-color-profile=sRGB',
+                '--disable-font-subpixel-positioning',
+                '--remote-debugging-port=9222',
+                '--remote-debugging-address=0.0.0.0',
+                '--ignore-certificate-errors',
             ],
         },
         browserContext: 'incognito',
@@ -121,6 +145,9 @@ const getPuppeteerConfig = async () => {
               }
             : undefined,
     };
+
+    debug('jest-puppeteer-config', config);
+    return config;
 };
 
 module.exports = getPuppeteerConfig();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/acceptance-testing",
-    "version": "3.0.0-beta3",
+    "version": "3.0.0-beta5",
     "author": "Telefonica",
     "license": "UNLICENSED",
     "module": "dist/acceptance-testing.esm.js",
@@ -32,6 +32,7 @@
         "@typescript-eslint/eslint-plugin": "^7.9.0",
         "@typescript-eslint/parser": "^7.9.0",
         "babel-jest": "^29.7.0",
+        "jest-environment-puppeteer": "^10.0.1",
         "tsdx": "^0.14.1",
         "tslib": "^2.6.2",
         "typescript": "^5.4.5"