@telefonica/acceptance-testing 3.0.0-beta9 → 4.0.0

package/dist/acceptance-testing.esm.js

@@ -5,6 +5,7 @@ import { queries, getDocument } from 'pptr-testing-library';
 import { configureToMatchImageSnapshot } from 'jest-image-snapshot';
 import globToRegExp from 'glob-to-regexp';
 import { execSync } from 'child_process';
+import istanbul from 'istanbul-lib-coverage';
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
@@ -364,6 +365,27 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+/**
+ * Debug function that logs to the console if the DEBUG_ACCEPTANCE_TESTING environment variable is set
+ */
+var debug = function debug() {
+  if (process.env.DEBUG_ACCEPTANCE_TESTING) {
+    var _console;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    (_console = console).debug.apply(_console, ['[acceptance-testing]'].concat(args));
+  }
+};
+/**
+ * Returns true if the current path matches the spied path, including parameters
+ */
+var matchPath = function matchPath(spiedPath, currentPath) {
+  var normalizedCurrentPath = path.normalize(currentPath);
+  var pattern = globToRegExp(spiedPath);
+  return pattern.test(normalizedCurrentPath);
+};
+
 var getGlobalPage = function getGlobalPage() {
   return global.page;
 };
@@ -374,90 +396,159 @@ var getRootPath = function getRootPath() {
   }
   return rootPath;
 };
-/**
- * We want to clear coverage files from previous runs, but at this point it is not easy because each
- * worker runs a different instance of this script, so we can't just clear the coverage folder at
- * the beginning of the test run.
- *
- * The solution is to remove the coverage folder when the stored ppid (parent process id) is
- * different from the current one
+/**
+ * We want to clear coverage files from previous runs, but at this point it is not easy because each
+ * worker runs a different instance of this script, so we can't just clear the coverage folder at
+ * the beginning of the test run.
+ *
+ * The solution is to remove the coverage folder when the stored ppid (parent process id) is
+ * different from the current one
  */
 var prepareCoverageReportPath = function prepareCoverageReportPath(_ref) {
   var coveragePath = _ref.coveragePath;
   var ppidFile = path.join(coveragePath, '.ppid');
+  var nycOutputPath = path.join(coveragePath, '.nyc_output');
   var ppid = process.ppid.toString();
   if (!fs.existsSync(ppidFile) || fs.readFileSync(ppidFile, 'utf-8') !== ppid) {
     // the condition is just to make sure we don't remove files outside the repo
     if (getRootPath() === process.cwd() && path.normalize(coveragePath).startsWith(process.cwd())) {
-      fs.rmSync(coveragePath, {
+      fs.rmSync(nycOutputPath, {
         recursive: true,
         force: true
       });
     }
-    fs.mkdirSync(coveragePath, {
+    fs.mkdirSync(nycOutputPath, {
       recursive: true
     });
     fs.writeFileSync(ppidFile, ppid);
   }
 };
-/**
- * Asumes the code was instrumented with istanbul and the coverage report stored in `window.__coverage__`.
- * If not, this function does nothing.
+var workerId = process.env.JEST_WORKER_ID || '0';
+/**
+ * Writes the coverage reports into single files, one per each coverage object (path). This makes it easier to merge them.
+ * The `workerId` from jest is used to avoid race conditions when multiple workers are running in parallel.
+ */
+var writeCombinedCoverage = function writeCombinedCoverage(nycOutputPath, coverage) {
+  Object.values(coverage).forEach(function (value) {
+    if (value && value.path && value.hash) {
+      var _currentCoverage;
+      var filename = path.join(nycOutputPath, value.hash + "-" + workerId + ".json");
+      var currentCoverage = (_currentCoverage = {}, _currentCoverage[value.path] = value, _currentCoverage);
+      var previousCoverage = fs.existsSync(filename) ? JSON.parse(fs.readFileSync(filename, 'utf8')) : {};
+      var mergedCoverage = istanbul.createCoverageMap(previousCoverage);
+      mergedCoverage.merge(currentCoverage);
+      debug('Writing merged coverage:', value.path, value.hash);
+      fs.writeFileSync(filename, JSON.stringify(mergedCoverage.toJSON(), null, 2));
+    } else {
+      debug('Skip write coverage. Missing path or hash:', value);
+    }
+  });
+};
+/**
+ * Assumes the code was instrumented with istanbul/nyc and the coverage report stored in `window.__coverage__`.
+ * If not, this function does nothing.
  */
-var collectCoverageIfAvailable = /*#__PURE__*/function () {
+var collectFrontendCoverage = /*#__PURE__*/function () {
   var _ref3 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
-    var coveragePath, coverage, nycOutputPath;
+    var coveragePath, nycOutputPath, coverage;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           coveragePath = _ref2.coveragePath;
-          _context.next = 3;
+          nycOutputPath = path.join(coveragePath, '.nyc_output');
+          _context.next = 4;
           return getGlobalPage().evaluate(function () {
             return window.__coverage__;
           });
-        case 3:
+        case 4:
           coverage = _context.sent;
           if (coverage) {
-            _context.next = 6;
+            _context.next = 8;
             break;
           }
+          debug('Skipping coverage collection. No coverage found.');
           return _context.abrupt("return");
-        case 6:
+        case 8:
+          debug('Frontend coverage found');
           prepareCoverageReportPath({
             coveragePath: coveragePath
           });
-          nycOutputPath = path.join(coveragePath, '.nyc_output');
           fs.mkdirSync(nycOutputPath, {
             recursive: true
           });
-          Object.values(coverage).forEach(function (cov) {
-            if (cov && cov.path && cov.hash) {
-              var _JSON$stringify;
-              fs.writeFileSync(path.join(nycOutputPath, cov.hash + '.json'), JSON.stringify((_JSON$stringify = {}, _JSON$stringify[cov.path] = cov, _JSON$stringify)));
-            }
-          });
-        case 10:
+          writeCombinedCoverage(nycOutputPath, coverage);
+        case 12:
         case "end":
           return _context.stop();
       }
     }, _callee);
   }));
-  return function collectCoverageIfAvailable(_x) {
+  return function collectFrontendCoverage(_x) {
     return _ref3.apply(this, arguments);
   };
 }();
-
-/**
- * Returns true if the current path matches the spied path, including parameters
- */
-var matchPath = function matchPath(spiedPath, currentPath) {
-  var normalizedCurrentPath = path.normalize(currentPath);
-  var pattern = globToRegExp(spiedPath);
-  return pattern.test(normalizedCurrentPath);
+var writeCoverage = function writeCoverage(nycOutputPath, nameSuffix, coverage) {
+  Object.values(coverage).forEach(function (value) {
+    if (value && value.path && value.hash) {
+      var _JSON$stringify;
+      var filename = path.join(nycOutputPath, "" + value.hash + nameSuffix + ".json");
+      debug('Writing coverage:', value.path, value.hash);
+      fs.writeFileSync(filename, JSON.stringify((_JSON$stringify = {}, _JSON$stringify[value.path] = value, _JSON$stringify), null, 2));
+    } else {
+      debug('Skip write coverage. Missing path or hash:', value);
+    }
+  });
 };
+/**
+ * Collects backend coverage reports from the provided URLs and stores them in the coverage folder
+ */
+var collectBackendCoverage = /*#__PURE__*/function () {
+  var _ref5 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref4) {
+    var coveragePath, coverageUrls, nycOutputPath, serverReports;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          coveragePath = _ref4.coveragePath, coverageUrls = _ref4.coverageUrls;
+          nycOutputPath = path.join(coveragePath, '.nyc_output');
+          debug('Collecting backend coverage reports', coverageUrls);
+          _context2.next = 5;
+          return Promise.all(coverageUrls.map(function (url) {
+            return fetch(url).then(function (res) {
+              var _res$headers$get;
+              if (res.ok && res.status === 200 && (_res$headers$get = res.headers.get('content-type')) != null && _res$headers$get.includes('application/json')) {
+                return res.json();
+              }
+              debug('Error fetching coverage report:', {
+                url: url,
+                status: res.status
+              });
+              return null;
+            })["catch"](function () {
+              debug('Error fetching coverage report:', {
+                url: url
+              });
+              return null;
+            });
+          }));
+        case 5:
+          serverReports = _context2.sent;
+          serverReports.forEach(function (report, index) {
+            writeCoverage(nycOutputPath, "-backend" + index, report.coverage);
+          });
+        case 7:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function collectBackendCoverage(_x2) {
+    return _ref5.apply(this, arguments);
+  };
+}();
 
-var _excluded = ["userAgent", "isDarkMode", "viewport", "cookies"];
-var _pkg$acceptanceTests, _ref, _projectConfig$covera;
+var _excluded = ["captureBeyondViewport"],
+  _excluded2 = ["userAgent", "isDarkMode", "viewport", "cookies"];
+var _pkg$acceptanceTests, _ref, _projectConfig$covera, _projectConfig$covera2;
 var LINUX_DOCKER_HOST_IP = '172.17.0.1';
 var getGlobalBrowser = function getGlobalBrowser() {
   return global.browser;
@@ -466,7 +557,7 @@ var getGlobalPage$1 = function getGlobalPage() {
   return global.page;
 };
 var isCi = /*#__PURE__*/process.argv.includes('--ci') || process.env.CI;
-var isUsingDockerizedChromium = !!isCi || /*#__PURE__*/new URL( /*#__PURE__*/getGlobalBrowser().wsEndpoint()).port === '9223';
+var isUsingDockerizedChromium = isCi || /*#__PURE__*/new URL( /*#__PURE__*/getGlobalBrowser().wsEndpoint()).port === '9223';
 /** Check if running inside WSL */
 var isWsl = function isWsl() {
   if (process.platform !== 'linux') {
@@ -529,15 +620,17 @@ var serverHostName = /*#__PURE__*/function () {
 var rootDir = /*#__PURE__*/findRoot( /*#__PURE__*/process.cwd());
 var pkg = /*#__PURE__*/JSON.parse( /*#__PURE__*/fs.readFileSync( /*#__PURE__*/path.join(rootDir, 'package.json'), 'utf-8'));
 var projectConfig = (_pkg$acceptanceTests = pkg.acceptanceTests) != null ? _pkg$acceptanceTests : {};
+debug('Project config:', projectConfig);
 var server = (_ref = isCi ? projectConfig.ciServer : projectConfig.devServer) != null ? _ref : projectConfig.server;
 var coveragePath = /*#__PURE__*/path.join(rootDir, (_projectConfig$covera = projectConfig.coveragePath) != null ? _projectConfig$covera : 'reports/coverage-acceptance');
+var coverageUrls = (_projectConfig$covera2 = projectConfig.coverageUrls) != null ? _projectConfig$covera2 : [];
 var serverPort = server == null ? void 0 : server.port;
 var toMatchImageSnapshot = /*#__PURE__*/configureToMatchImageSnapshot({
   failureThreshold: 0,
   failureThresholdType: 'percent',
   customSnapshotIdentifier: function customSnapshotIdentifier(_ref2) {
     var defaultIdentifier = _ref2.defaultIdentifier;
-    return defaultIdentifier + '-snap';
+    return defaultIdentifier;
   }
 });
 var calledToMatchImageSnapshotOutsideDocker = false;
@@ -627,15 +720,18 @@ var waitForPaintEnd = /*#__PURE__*/function () {
     return _ref3.apply(this, arguments);
   };
 }();
-var normalizeSreenshotOptions = function normalizeSreenshotOptions(options) {
-  return options;
+var normalizeSreenshotOptions = function normalizeSreenshotOptions(_temp2) {
+  var _ref5 = _temp2 === void 0 ? {} : _temp2,
+    _ref5$captureBeyondVi = _ref5.captureBeyondViewport,
+    captureBeyondViewport = _ref5$captureBeyondVi === void 0 ? false : _ref5$captureBeyondVi,
+    options = _objectWithoutPropertiesLoose(_ref5, _excluded);
+  // Puppeter default for captureBeyondViewport is true, but we think false is a better default.
+  // When this is true, the fixed elements (like fixed footers) are relative to the original page
+  // viewport, not to the full page, so those elements look weird in fullPage screenshots.
+  return _extends({}, options, {
+    captureBeyondViewport: captureBeyondViewport
+  });
 };
-// const normalizeSreenshotOptions = ({captureBeyondViewport = false, ...options}: ScreenshotOptions = {}) => {
-//     // Puppeter default for captureBeyondViewport is true, but we think false is a better default.
-//     // When this is true, the fixed elements (like fixed footers) are relative to the original page
-//     // viewport, not to the full page, so those elements look weird in fullPage screenshots.
-//     return {...options, captureBeyondViewport};
-// };
 // Puppeteer already calls scrollIntoViewIfNeeded before clicking an element. But it doesn't work in all situations
 // For example, when there is a fixed footer in the page and the element to click is under it, the browser won't scroll
 // because the element is already in the viewport (the ifNeeded part is important here). By forcing the scroll to the
@@ -648,238 +744,144 @@ var scrollIntoView = function scrollIntoView(el) {
   });
 };
 var getPageApi = function getPageApi(page) {
-  return {
-    type: function () {
-      var _type = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(elementHandle, text, options) {
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return scrollIntoView(elementHandle);
-            case 2:
-              return _context2.abrupt("return", elementHandle.type(text, options));
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      function type(_x3, _x4, _x5) {
-        return _type.apply(this, arguments);
-      }
-      return type;
-    }(),
-    click: function () {
-      var _click = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(elementHandle, options) {
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return scrollIntoView(elementHandle);
-            case 2:
-              return _context3.abrupt("return", elementHandle.click(options));
-            case 3:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      function click(_x6, _x7) {
-        return _click.apply(this, arguments);
-      }
-      return click;
-    }(),
-    select: function () {
-      var _select = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(elementHandle) {
-        var _len,
-          values,
-          _key,
-          _args4 = arguments;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.next = 2;
-              return scrollIntoView(elementHandle);
-            case 2:
-              for (_len = _args4.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-                values[_key - 1] = _args4[_key];
-              }
-              return _context4.abrupt("return", elementHandle.select.apply(elementHandle, values));
-            case 4:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      function select(_x8) {
-        return _select.apply(this, arguments);
-      }
-      return select;
-    }(),
-    screenshot: function () {
-      var _screenshot = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(options) {
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              if (options != null && options.skipNetworkWait) {
-                _context5.next = 3;
-                break;
-              }
+  var api = Object.create(page);
+  api.type = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(elementHandle, text, options) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return scrollIntoView(elementHandle);
+          case 2:
+            return _context2.abrupt("return", elementHandle.type(text, options));
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x3, _x4, _x5) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  api.click = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(elementHandle, options) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return scrollIntoView(elementHandle);
+          case 2:
+            return _context3.abrupt("return", elementHandle.click(options));
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x6, _x7) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  api.select = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(elementHandle) {
+      var _len,
+        values,
+        _key,
+        _args4 = arguments;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return scrollIntoView(elementHandle);
+          case 2:
+            for (_len = _args4.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+              values[_key - 1] = _args4[_key];
+            }
+            return _context4.abrupt("return", elementHandle.select.apply(elementHandle, values));
+          case 4:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function (_x8) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  api.screenshot = /*#__PURE__*/function () {
+    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(options) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            if (options != null && options.skipNetworkWait) {
               _context5.next = 3;
-              return page.waitForNetworkIdle();
-            case 3:
-              _context5.next = 5;
-              return waitForPaintEnd(page, options);
-            case 5:
-              return _context5.abrupt("return", page.screenshot(normalizeSreenshotOptions(options)));
-            case 6:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5);
-      }));
-      function screenshot(_x9) {
-        return _screenshot.apply(this, arguments);
-      }
-      return screenshot;
-    }(),
-    clear: function () {
-      var _clear = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(elementHandle) {
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
-            case 0:
-              _context6.next = 2;
-              return elementHandle.click({
-                clickCount: 3
-              });
-            case 2:
-              _context6.next = 4;
-              return elementHandle.press('Delete');
-            case 4:
-            case "end":
-              return _context6.stop();
-          }
-        }, _callee6);
-      }));
-      function clear(_x10) {
-        return _clear.apply(this, arguments);
-      }
-      return clear;
-    }(),
-    // For some reason, puppeteer browserContext.overridePermissions doesn't work with newer chrome versions.
-    // This workaround polyfills the browser geolocation api to return the mocked position
-    setGeolocation: function setGeolocation(position) {
-      return page.evaluate(function (position) {
-        window.navigator.geolocation.getCurrentPosition = function (callback) {
-          // @ts-expect-error - puppeteer's setGeoLocation does not expect a timestamp to be passed
-          callback({
-            coords: position
-          });
-        };
-      }, position);
-    },
-    $: page.$.bind(page),
-    $$: page.$$.bind(page),
-    $$eval: page.$$eval.bind(page),
-    $eval: page.$eval.bind(page),
-    accessibility: page.accessibility,
-    addScriptTag: page.addScriptTag.bind(page),
-    addStyleTag: page.addStyleTag.bind(page),
-    authenticate: page.authenticate.bind(page),
-    bringToFront: page.bringToFront.bind(page),
-    browser: page.browser.bind(page),
-    browserContext: page.browserContext.bind(page),
-    close: page.close.bind(page),
-    content: page.content,
-    cookies: page.cookies.bind(page),
-    coverage: page.coverage,
-    createCDPSession: page.createCDPSession.bind(page),
-    createPDFStream: page.createPDFStream.bind(page),
-    deleteCookie: page.deleteCookie.bind(page),
-    emit: page.emit.bind(page),
-    emulate: page.emulate.bind(page),
-    emulateCPUThrottling: page.emulateCPUThrottling.bind(page),
-    emulateIdleState: page.emulateIdleState.bind(page),
-    emulateMediaFeatures: page.emulateMediaFeatures.bind(page),
-    emulateMediaType: page.emulateMediaType.bind(page),
-    emulateNetworkConditions: page.emulateNetworkConditions.bind(page),
-    emulateTimezone: page.emulateTimezone.bind(page),
-    emulateVisionDeficiency: page.emulateVisionDeficiency.bind(page),
-    evaluate: page.evaluate.bind(page),
-    evaluateHandle: page.evaluateHandle.bind(page),
-    evaluateOnNewDocument: page.evaluateOnNewDocument.bind(page),
-    exposeFunction: page.exposeFunction.bind(page),
-    focus: page.focus.bind(page),
-    frames: page.frames.bind(page),
-    getDefaultTimeout: page.getDefaultTimeout.bind(page),
-    goBack: page.goBack.bind(page),
-    goForward: page.goForward.bind(page),
-    "goto": page["goto"].bind(page),
-    hover: page.hover.bind(page),
-    isClosed: page.isClosed.bind(page),
-    isDragInterceptionEnabled: page.isDragInterceptionEnabled.bind(page),
-    isJavaScriptEnabled: page.isJavaScriptEnabled.bind(page),
-    isServiceWorkerBypassed: page.isServiceWorkerBypassed.bind(page),
-    keyboard: page.keyboard,
-    listenerCount: page.listenerCount.bind(page),
-    locator: page.locator.bind(page),
-    mainFrame: page.mainFrame.bind(page),
-    metrics: page.metrics.bind(page),
-    mouse: page.mouse,
-    off: page.off.bind(page),
-    on: page.on.bind(page),
-    once: page.once.bind(page),
-    pdf: page.pdf,
-    queryObjects: page.queryObjects.bind(page),
-    reload: page.reload.bind(page),
-    removeAllListeners: page.removeAllListeners.bind(page),
-    removeExposedFunction: page.removeExposedFunction.bind(page),
-    removeScriptToEvaluateOnNewDocument: page.removeScriptToEvaluateOnNewDocument.bind(page),
-    screencast: page.screencast,
-    setBypassCSP: page.setBypassCSP.bind(page),
-    setBypassServiceWorker: page.setBypassServiceWorker.bind(page),
-    setCacheEnabled: page.setCacheEnabled.bind(page),
-    setContent: page.setContent.bind(page),
-    setCookie: page.setCookie.bind(page),
-    setDefaultNavigationTimeout: page.setDefaultNavigationTimeout.bind(page),
-    setDefaultTimeout: page.setDefaultTimeout.bind(page),
-    setDragInterception: page.setDragInterception.bind(page),
-    setExtraHTTPHeaders: page.setExtraHTTPHeaders.bind(page),
-    setJavaScriptEnabled: page.setJavaScriptEnabled.bind(page),
-    setOfflineMode: page.setOfflineMode.bind(page),
-    setRequestInterception: page.setRequestInterception.bind(page),
-    setUserAgent: page.setUserAgent.bind(page),
-    setViewport: page.setViewport.bind(page),
-    tap: page.tap.bind(page),
-    target: page.target.bind(page),
-    title: page.title,
-    touchscreen: page.touchscreen,
-    tracing: page.tracing,
-    url: page.url,
-    viewport: page.viewport,
-    waitForDevicePrompt: page.waitForDevicePrompt.bind(page),
-    waitForFileChooser: page.waitForFileChooser.bind(page),
-    waitForFrame: page.waitForFrame.bind(page),
-    waitForFunction: page.waitForFunction.bind(page),
-    waitForNavigation: page.waitForNavigation.bind(page),
-    waitForNetworkIdle: page.waitForNetworkIdle.bind(page),
-    waitForRequest: page.waitForRequest.bind(page),
-    waitForResponse: page.waitForResponse.bind(page),
-    waitForSelector: page.waitForSelector.bind(page),
-    workers: page.workers
+              break;
+            }
+            _context5.next = 3;
+            return page.waitForNetworkIdle();
+          case 3:
+            _context5.next = 5;
+            return waitForPaintEnd(page, options);
+          case 5:
+            return _context5.abrupt("return", page.screenshot(normalizeSreenshotOptions(options)));
+          case 6:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function (_x9) {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+  api.clear = /*#__PURE__*/function () {
+    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(elementHandle) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            _context6.next = 2;
+            return elementHandle.click({
+              clickCount: 3
+            });
+          case 2:
+            _context6.next = 4;
+            return elementHandle.press('Delete');
+          case 4:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function (_x10) {
+      return _ref10.apply(this, arguments);
+    };
+  }();
+  // For some reason, puppeteer browserContext.overridePermissions doesn't work with newer chrome versions.
+  // This workaround polyfills the browser geolocation api to return the mocked position
+  api.setGeolocation = function (position) {
+    return page.evaluate(function (position) {
+      window.navigator.geolocation.getCurrentPosition = function (callback) {
+        // @ts-expect-error - puppeteer's setGeoLocation does not expect a timestamp to be passed
+        callback({
+          coords: position
+        });
+      };
+    }, position);
   };
+  return api;
 };
 var needsRequestInterception = false;
 var requestHandlers = [];
 var requestInterceptor = function requestInterceptor(req) {
   var _requestHandlers$find;
-  var _ref5 = (_requestHandlers$find = requestHandlers.find(function (_ref6) {
-      var matcher = _ref6.matcher;
+  var _ref11 = (_requestHandlers$find = requestHandlers.find(function (_ref12) {
+      var matcher = _ref12.matcher;
       return matcher(req);
     })) != null ? _requestHandlers$find : {
       handler: null
     },
-    handler = _ref5.handler;
+    handler = _ref11.handler;
   if (!handler) {
     req["continue"]();
     return;
@@ -896,12 +898,12 @@ var interceptRequest = function interceptRequest(matcher) {
   });
   return spy;
 };
-var createApiEndpointMock = function createApiEndpointMock(_temp2) {
-  var _ref8;
-  var _ref7 = _temp2 === void 0 ? {} : _temp2,
-    origin = _ref7.origin,
-    baseUrl = _ref7.baseUrl;
-  var originRegExp = globToRegExp((_ref8 = origin != null ? origin : baseUrl) != null ? _ref8 : '*');
+var createApiEndpointMock = function createApiEndpointMock(_temp3) {
+  var _ref14;
+  var _ref13 = _temp3 === void 0 ? {} : _temp3,
+    origin = _ref13.origin,
+    baseUrl = _ref13.baseUrl;
+  var originRegExp = globToRegExp((_ref14 = origin != null ? origin : baseUrl) != null ? _ref14 : '*');
   interceptRequest(function (req) {
     var _URL = new URL(req.url()),
       origin = _URL.origin;
@@ -949,12 +951,12 @@ var createApiEndpointMock = function createApiEndpointMock(_temp2) {
   };
 };
 var openPage = /*#__PURE__*/function () {
-  var _ref10 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(_ref9) {
+  var _ref16 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(_ref15) {
     var userAgent, isDarkMode, viewport, cookies, urlConfig, url, currentUserAgent, page, connectionError;
     return _regeneratorRuntime().wrap(function _callee7$(_context7) {
       while (1) switch (_context7.prev = _context7.next) {
         case 0:
-          userAgent = _ref9.userAgent, isDarkMode = _ref9.isDarkMode, viewport = _ref9.viewport, cookies = _ref9.cookies, urlConfig = /*#__PURE__*/_objectWithoutPropertiesLoose(_ref9, _excluded);
+          userAgent = _ref15.userAgent, isDarkMode = _ref15.isDarkMode, viewport = _ref15.viewport, cookies = _ref15.cookies, urlConfig = /*#__PURE__*/_objectWithoutPropertiesLoose(_ref15, _excluded2);
           url = function () {
             if (urlConfig.url !== undefined) {
               return urlConfig.url;
@@ -973,45 +975,46 @@ var openPage = /*#__PURE__*/function () {
             }
             return protocol + "://" + hostname + ":" + port + path;
           }();
+          debug('Opening page:', url);
           _context7.t0 = userAgent;
           if (_context7.t0) {
-            _context7.next = 7;
+            _context7.next = 8;
             break;
           }
-          _context7.next = 6;
+          _context7.next = 7;
           return getGlobalBrowser().userAgent();
-        case 6:
-          _context7.t0 = _context7.sent;
         case 7:
+          _context7.t0 = _context7.sent;
+        case 8:
           currentUserAgent = _context7.t0;
           page = getGlobalPage$1();
-          _context7.next = 11;
+          _context7.next = 12;
           return page.bringToFront();
-        case 11:
+        case 12:
           if (!viewport) {
-            _context7.next = 14;
+            _context7.next = 15;
             break;
           }
-          _context7.next = 14;
+          _context7.next = 15;
           return page.setViewport(viewport);
-        case 14:
+        case 15:
           if (!cookies) {
-            _context7.next = 17;
+            _context7.next = 18;
             break;
           }
-          _context7.next = 17;
+          _context7.next = 18;
           return page.setCookie.apply(page, cookies);
-        case 17:
-          _context7.next = 19;
+        case 18:
+          _context7.next = 20;
           return page.setUserAgent(currentUserAgent + " acceptance-test");
-        case 19:
-          _context7.next = 21;
+        case 20:
+          _context7.next = 22;
           return page.emulateMediaFeatures([{
             name: 'prefers-color-scheme',
             value: isDarkMode ? 'dark' : 'light'
           }]);
-        case 21:
-          _context7.next = 23;
+        case 22:
+          _context7.next = 24;
           return page.evaluateOnNewDocument(function (viewport) {
             var _viewport$safeAreaIns;
             var overriddenSafeAreaInsets = !viewport ? [] : Object.keys((_viewport$safeAreaIns = viewport == null ? void 0 : viewport.safeAreaInset) != null ? _viewport$safeAreaIns : {}).map(function (key) {
@@ -1025,53 +1028,53 @@ var openPage = /*#__PURE__*/function () {
               document.head.appendChild(style);
             });
           }, viewport);
-        case 23:
+        case 24:
           if (!needsRequestInterception) {
-            _context7.next = 27;
+            _context7.next = 28;
             break;
           }
-          _context7.next = 26;
+          _context7.next = 27;
           return page.setRequestInterception(true);
-        case 26:
-          page.on('request', requestInterceptor);
         case 27:
-          _context7.prev = 27;
-          _context7.next = 30;
+          page.on('request', requestInterceptor);
+        case 28:
+          _context7.prev = 28;
+          _context7.next = 31;
           return page["goto"](url);
-        case 30:
-          _context7.next = 41;
+        case 31:
+          _context7.next = 42;
           break;
-        case 32:
-          _context7.prev = 32;
-          _context7.t1 = _context7["catch"](27);
+        case 33:
+          _context7.prev = 33;
+          _context7.t1 = _context7["catch"](28);
           if (!_context7.t1.message.includes('net::ERR_CONNECTION_REFUSED')) {
-            _context7.next = 40;
+            _context7.next = 41;
             break;
           }
           connectionError = new Error("Could not connect to " + url + ". Is the server running?");
           Error.captureStackTrace(connectionError, openPage);
           throw connectionError;
-        case 40:
-          throw _context7.t1;
         case 41:
-          _context7.next = 43;
+          throw _context7.t1;
+        case 42:
+          _context7.next = 44;
           return page.waitForFunction('document.fonts.status === "loaded"');
-        case 43:
-          return _context7.abrupt("return", getPageApi(page));
         case 44:
+          return _context7.abrupt("return", getPageApi(page));
+        case 45:
         case "end":
           return _context7.stop();
       }
-    }, _callee7, null, [[27, 32]]);
+    }, _callee7, null, [[28, 33]]);
   }));
   return function openPage(_x11) {
-    return _ref10.apply(this, arguments);
+    return _ref16.apply(this, arguments);
   };
 }();
-var buildQueryMethods = function buildQueryMethods(_temp3) {
-  var _ref11 = _temp3 === void 0 ? {} : _temp3,
-    page = _ref11.page,
-    element = _ref11.element;
+var buildQueryMethods = function buildQueryMethods(_temp4) {
+  var _ref17 = _temp4 === void 0 ? {} : _temp4,
+    page = _ref17.page,
+    element = _ref17.element;
   var boundQueries = {};
   var _loop = function _loop() {
     var _Object$entries$_i = _Object$entries[_i],
@@ -1116,7 +1119,7 @@ var buildQueryMethods = function buildQueryMethods(_temp3) {
             elementHandle = _context12.sent;
             newElementHandle = Object.create(elementHandle);
             newElementHandle.screenshot = /*#__PURE__*/function () {
-              var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(options) {
+              var _ref19 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(options) {
                 return _regeneratorRuntime().wrap(function _callee8$(_context8) {
                   while (1) switch (_context8.prev = _context8.next) {
                     case 0:
@@ -1140,11 +1143,11 @@ var buildQueryMethods = function buildQueryMethods(_temp3) {
                 }, _callee8);
               }));
               return function (_x12) {
-                return _ref13.apply(this, arguments);
+                return _ref19.apply(this, arguments);
               };
             }();
             newElementHandle.click = /*#__PURE__*/function () {
-              var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(options) {
+              var _ref20 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(options) {
                 return _regeneratorRuntime().wrap(function _callee9$(_context9) {
                   while (1) switch (_context9.prev = _context9.next) {
                     case 0:
@@ -1159,11 +1162,11 @@ var buildQueryMethods = function buildQueryMethods(_temp3) {
                 }, _callee9);
               }));
               return function (_x13) {
-                return _ref14.apply(this, arguments);
+                return _ref20.apply(this, arguments);
               };
             }();
             newElementHandle.type = /*#__PURE__*/function () {
-              var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(text, options) {
+              var _ref21 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(text, options) {
                 return _regeneratorRuntime().wrap(function _callee10$(_context10) {
                   while (1) switch (_context10.prev = _context10.next) {
                     case 0:
@@ -1178,7 +1181,7 @@ var buildQueryMethods = function buildQueryMethods(_temp3) {
                 }, _callee10);
               }));
               return function (_x14, _x15) {
-                return _ref15.apply(this, arguments);
+                return _ref21.apply(this, arguments);
               };
             }();
             newElementHandle.select = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
@@ -1240,39 +1243,62 @@ afterEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().ma
   return _regeneratorRuntime().wrap(function _callee14$(_context14) {
     while (1) switch (_context14.prev = _context14.next) {
       case 0:
-        _context14.next = 2;
-        return collectCoverageIfAvailable({
+        if (!process.env.COLLECT_ACCEPTANCE_COVERAGE) {
+          _context14.next = 3;
+          break;
+        }
+        _context14.next = 3;
+        return collectFrontendCoverage({
           coveragePath: coveragePath
         });
-      case 2:
-        _context14.prev = 2;
+      case 3:
+        _context14.prev = 3;
         page = getGlobalPage$1();
         requestHandlers = [];
         needsRequestInterception = false;
         page.off('request', requestInterceptor);
         // clear tab, this way we clear the DOM and stop js execution or pending requests
-        _context14.next = 9;
+        _context14.next = 10;
         return page["goto"]('about:blank');
-      case 9:
-        _context14.next = 13;
+      case 10:
+        _context14.next = 14;
         break;
-      case 11:
-        _context14.prev = 11;
-        _context14.t0 = _context14["catch"](2);
-      case 13:
+      case 12:
+        _context14.prev = 12;
+        _context14.t0 = _context14["catch"](3);
+      case 14:
       case "end":
         return _context14.stop();
     }
-  }, _callee14, null, [[2, 11]]);
+  }, _callee14, null, [[3, 12]]);
+})));
+afterAll( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
+  return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+    while (1) switch (_context15.prev = _context15.next) {
+      case 0:
+        if (!process.env.COLLECT_ACCEPTANCE_COVERAGE) {
+          _context15.next = 3;
+          break;
+        }
+        _context15.next = 3;
+        return collectBackendCoverage({
+          coveragePath: coveragePath,
+          coverageUrls: coverageUrls
+        });
+      case 3:
+      case "end":
+        return _context15.stop();
+    }
+  }, _callee15);
 })));
-/**
- * Returns a new path to the file that can be used by chromium in acceptance tests
- *
- * To be able to use `element.uploadFile()` in a dockerized chromium, the file must exist in the
- * host and the docker, and both sides must use the same path.
- *
- * To workaround this bug or limitation, this function prepares the file by copying it to /tmp in
- * the host and the container.
+/**
+ * Returns a new path to the file that can be used by chromium in acceptance tests
+ *
+ * To be able to use `element.uploadFile()` in a dockerized chromium, the file must exist in the
+ * host and the docker, and both sides must use the same path.
+ *
+ * To workaround this bug or limitation, this function prepares the file by copying it to /tmp in
+ * the host and the container.
  */
 var prepareFile = function prepareFile(filepath) {
   var isLocal = !isCi;
@@ -1292,8 +1318,8 @@ var prepareFile = function prepareFile(filepath) {
     return filepath;
   }
 };
-/**
- * A convenience method to defer an expectation
+/**
+ * A convenience method to defer an expectation
  */
 var wait = function wait(expectation, timeout, interval) {
   if (timeout === void 0) {
@@ -1339,44 +1365,44 @@ var waitForElementToBeRemoved = function waitForElementToBeRemoved(element, time
   }
   var startStack = new Error().stack;
   var wait = /*#__PURE__*/function () {
-    var _ref19 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
+    var _ref26 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
       var t0, box;
-      return _regeneratorRuntime().wrap(function _callee15$(_context15) {
-        while (1) switch (_context15.prev = _context15.next) {
+      return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+        while (1) switch (_context16.prev = _context16.next) {
           case 0:
             t0 = Date.now();
           case 1:
             if (!(Date.now() - t0 < timeout)) {
-              _context15.next = 11;
+              _context16.next = 11;
               break;
             }
-            _context15.next = 4;
+            _context16.next = 4;
             return element.boundingBox();
           case 4:
-            box = _context15.sent;
+            box = _context16.sent;
             if (box) {
-              _context15.next = 7;
+              _context16.next = 7;
               break;
             }
-            return _context15.abrupt("return");
+            return _context16.abrupt("return");
           case 7:
-            _context15.next = 9;
+            _context16.next = 9;
             return new Promise(function (resolve) {
               return setTimeout(resolve, interval);
             });
           case 9:
-            _context15.next = 1;
+            _context16.next = 1;
             break;
           case 11:
             throw new Error('Element not removed');
           case 12:
           case "end":
-            return _context15.stop();
+            return _context16.stop();
         }
-      }, _callee15);
+      }, _callee16);
     }));
     return function wait() {
-      return _ref19.apply(this, arguments);
+      return _ref26.apply(this, arguments);
     };
   }();
   return wait()["catch"](function (error) {