@applitools/spec-driver-puppeteer 1.3.4 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## [1.4.0](https://github.com/applitools/eyes.sdk.javascript1/compare/js/spec-driver-puppeteer@1.3.5...js/spec-driver-puppeteer@1.4.0) (2024-02-13)
+
+
+### Features
+
+* added support for puppeteer >= 22 ([#2185](https://github.com/applitools/eyes.sdk.javascript1/issues/2185)) ([59d23a9](https://github.com/applitools/eyes.sdk.javascript1/commit/59d23a9689d77c7db06df53b67fa293a3b3f166e))
+
+## [1.3.5](https://github.com/applitools/eyes.sdk.javascript1/compare/js/spec-driver-puppeteer@1.3.4...js/spec-driver-puppeteer@1.3.5) (2024-01-30)
+
+
+### Dependencies
+
+* @applitools/snippets bumped to 2.4.25
+  #### Bug Fixes
+
+  * losing root context after layout breakpoints reload ([#2113](https://github.com/applitools/eyes.sdk.javascript1/issues/2113)) ([afa1473](https://github.com/applitools/eyes.sdk.javascript1/commit/afa14735e5539ab0f79aa610e6ec1ea8989a5922))
+* @applitools/driver bumped to 1.16.2
+  #### Bug Fixes
+
+  * losing root context after layout breakpoints reload ([#2113](https://github.com/applitools/eyes.sdk.javascript1/issues/2113)) ([afa1473](https://github.com/applitools/eyes.sdk.javascript1/commit/afa14735e5539ab0f79aa610e6ec1ea8989a5922))
+
+
+
+
 ## [1.3.4](https://github.com/applitools/eyes.sdk.javascript1/compare/js/spec-driver-puppeteer@1.3.3...js/spec-driver-puppeteer@1.3.4) (2023-12-19)
 
 

package/dist/spec-driver.js

@@ -100,6 +100,26 @@ const XPATH_SELECTOR_START = ['/', '(', '../', './', '*/'];
 function isXpathSelector(selector) {
     return XPATH_SELECTOR_START.some(start => selector.startsWith(start));
 }
+function getFrameworkMajorVersion() {
+    let frameworkManifestPath;
+    try {
+        frameworkManifestPath = require.resolve('puppeteer/package.json', { paths: [`${process.cwd()}/node_modules`] });
+    }
+    catch {
+        frameworkManifestPath = 'puppeteer/package.json';
+    }
+    return Number.parseInt(require(frameworkManifestPath).version);
+}
+function getPuppeteer() {
+    let frameworkPath;
+    try {
+        frameworkPath = require.resolve('puppeteer', { paths: [`${process.cwd()}/node_modules`] });
+    }
+    catch {
+        frameworkPath = 'puppeteer';
+    }
+    return require(frameworkPath);
+}
 function isDriver(page) {
     if (!page)
         return false;
@@ -155,12 +175,22 @@ async function executeScript(frame, script, arg) {
 exports.executeScript = executeScript;
 async function findElement(frame, selector, parent) {
     const root = parent !== null && parent !== void 0 ? parent : frame;
-    return (isXpathSelector(selector) ? root.$x(selector).then(elements => elements[0]) : root.$(selector));
+    if (isXpathSelector(selector)) {
+        return getFrameworkMajorVersion() < 22
+            ? root.$x(selector).then(elements => elements[0])
+            : root.$(`xpath/${selector}`);
+    }
+    return root.$(selector);
 }
 exports.findElement = findElement;
 async function findElements(frame, selector, parent) {
     const root = parent !== null && parent !== void 0 ? parent : frame;
-    return (isXpathSelector(selector) ? root.$x(selector) : root.$$(selector));
+    if (isXpathSelector(selector)) {
+        return getFrameworkMajorVersion() < 22
+            ? root.$x(selector)
+            : root.$$(`xpath/${selector}`);
+    }
+    return root.$$(selector);
 }
 exports.findElements = findElements;
 async function setElementText(_frame, element, text) {
@@ -250,14 +280,8 @@ const browserNames = ['chrome', 'firefox'];
  * installed in the SDK, then this function will error.
  */
 async function build(env) {
-    let frameworkPath;
-    try {
-        frameworkPath = require.resolve('puppeteer', { paths: [`${process.cwd()}/node_modules`] });
-    }
-    catch {
-        frameworkPath = 'puppeteer';
-    }
-    const puppeteer = require(frameworkPath);
+    const puppeteer = getPuppeteer();
+    const puppeteerVersion = getFrameworkMajorVersion();
     const parseEnv = require('@applitools/test-utils/src/parse-env');
     const { browser, attach, proxy, args = [], headless } = parseEnv(env, 'cdp');
     if (!browserNames.includes(browser))
@@ -278,6 +302,8 @@ async function build(env) {
             product: browser,
             protocol: 'cdp',
         };
+        if (puppeteerVersion >= 22 && options.headless === true)
+            options.headless = 'shell';
         if (proxy) {
             options.proxy = {
                 server: proxy.https || proxy.http || proxy.server,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/spec-driver-puppeteer",
-  "version": "1.3.4",
+  "version": "1.4.0",
   "keywords": [
     "puppeteer",
     "chrome devtools protocol",
@@ -40,14 +40,14 @@
     "up:framework": "echo \"$(jq '.devDependencies.puppeteer = $ENV.APPLITOOLS_FRAMEWORK_VERSION' ./package.json)\" > ./package.json"
   },
   "dependencies": {
-    "@applitools/driver": "1.16.1",
+    "@applitools/driver": "1.16.2",
     "@applitools/utils": "1.7.0"
   },
   "devDependencies": {
     "@applitools/api-extractor": "^1.2.22",
     "@applitools/test-utils": "^1.5.17",
     "@types/node": "^12.20.55",
-    "puppeteer": "^21.5.0"
+    "puppeteer": "^22.0.0"
   },
   "peerDependencies": {
     "puppeteer": ">=5.3.0"