@applitools/driver 1.16.0 → 1.16.2

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## [1.16.2](https://github.com/applitools/eyes.sdk.javascript1/compare/js/driver@1.16.1...js/driver@1.16.2) (2024-01-30)
+
+
+### 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))
+
+
+### 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))
+
+## [1.16.1](https://github.com/applitools/eyes.sdk.javascript1/compare/js/driver@1.16.0...js/driver@1.16.1) (2023-12-19)
+
+
+### Bug Fixes
+
+* fixed bug with screenshot not being properly scaled on ios devices with appium 2 ([#2092](https://github.com/applitools/eyes.sdk.javascript1/issues/2092)) ([26678bf](https://github.com/applitools/eyes.sdk.javascript1/commit/26678bfe254def506ea82e6a645519d6567fb3fd))
+* fixed extraction of the driver server url ([ddc6449](https://github.com/applitools/eyes.sdk.javascript1/commit/ddc6449fc72166ab26c99e9ba7bb83c05fd591d6))
+* fixed infinite loop that may appear during attribute extraction ([#2102](https://github.com/applitools/eyes.sdk.javascript1/issues/2102)) ([6bef680](https://github.com/applitools/eyes.sdk.javascript1/commit/6bef680fbd2d5c26a46cf2a4f00bd083d1d02109))
+
 ## [1.16.0](https://github.com/applitools/eyes.sdk.javascript1/compare/js/driver@1.15.3...js/driver@1.16.0) (2023-12-18)
 
 

package/dist/driver.js

@@ -77,7 +77,10 @@ class Driver {
         this._currentContext = context;
     }
     async reloadPage() {
-        await this.mainContext.execute(snippets.reloadPage).catch(() => null);
+        if (this._spec.reload)
+            await this._spec.reload(this.target);
+        else
+            await this.mainContext.execute(snippets.reloadPage).catch(() => null);
         const refreshThis = await this.refresh({ reset: false });
         const scrollingElement = await this.mainContext.getScrollingElement();
         await (scrollingElement === null || scrollingElement === void 0 ? void 0 : scrollingElement.refresh());
@@ -282,8 +285,8 @@ class Driver {
         return this._environment;
     }
     async getViewport() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-        var _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+        var _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15;
         if (!this._viewport) {
             const environment = await this.getEnvironment();
             const driverInfo = await this.getDriverInfo();
@@ -300,16 +303,15 @@ class Driver {
                 const capabilitiesViewport = capabilities ? (0, capabilities_1.extractCapabilitiesViewport)(capabilities) : null;
                 this._logger.log('Extracted capabilities viewport', capabilitiesViewport);
                 this._viewport = { ...capabilitiesViewport, ...this._viewport };
-                (_a = (_y = this._viewport).pixelRatio) !== null && _a !== void 0 ? _a : (_y.pixelRatio = 1);
                 // this value always excludes the height of the navigation bar, and sometimes it also excludes the height of the status bar
                 let windowSize = await this._spec.getWindowSize(this.target);
-                (_b = (_z = this._viewport).displaySize) !== null && _b !== void 0 ? _b : (_z.displaySize = windowSize);
-                if (((_c = this._viewport.orientation) === null || _c === void 0 ? void 0 : _c.startsWith('landscape')) &&
+                (_a = (_1 = this._viewport).displaySize) !== null && _a !== void 0 ? _a : (_1.displaySize = windowSize);
+                if (((_b = this._viewport.orientation) === null || _b === void 0 ? void 0 : _b.startsWith('landscape')) &&
                     this._viewport.displaySize.height > this._viewport.displaySize.width) {
                     this._viewport.displaySize = utils.geometry.rotate(this._viewport.displaySize, 90);
                 }
                 if (environment.isAndroid) {
-                    // bar sizes could be extracted only on android
+                    (_c = (_2 = this._viewport).pixelRatio) !== null && _c !== void 0 ? _c : (_2.pixelRatio = 1);
                     const { statusBar, navigationBar } = (_f = (await ((_e = (_d = this._spec).getSystemBars) === null || _e === void 0 ? void 0 : _e.call(_d, this.target).catch(() => undefined)))) !== null && _f !== void 0 ? _f : {};
                     if (statusBar === null || statusBar === void 0 ? void 0 : statusBar.visible) {
                         this._logger.log('Driver status bar', statusBar);
@@ -336,20 +338,26 @@ class Driver {
                         }
                     }
                     // bar sizes have to be scaled on android
-                    (_0 = this._viewport).statusBarSize && (_0.statusBarSize = this._viewport.statusBarSize / this._viewport.pixelRatio);
-                    (_1 = this._viewport).navigationBarSize && (_1.navigationBarSize = this._viewport.navigationBarSize / this._viewport.pixelRatio);
+                    (_3 = this._viewport).statusBarSize && (_3.statusBarSize = this._viewport.statusBarSize / this._viewport.pixelRatio);
+                    (_4 = this._viewport).navigationBarSize && (_4.navigationBarSize = this._viewport.navigationBarSize / this._viewport.pixelRatio);
                     windowSize = utils.geometry.scale(windowSize, 1 / this._viewport.pixelRatio);
-                    (_2 = this._viewport).displaySize && (_2.displaySize = utils.geometry.scale(this._viewport.displaySize, 1 / this._viewport.pixelRatio));
-                    (_l = (_3 = this._viewport).navigationBarSize) !== null && _l !== void 0 ? _l : (_3.navigationBarSize = 0);
+                    (_5 = this._viewport).displaySize && (_5.displaySize = utils.geometry.scale(this._viewport.displaySize, 1 / this._viewport.pixelRatio));
+                    (_l = (_6 = this._viewport).navigationBarSize) !== null && _l !== void 0 ? _l : (_6.navigationBarSize = 0);
                 }
                 else if (environment.isIOS) {
-                    if ((_m = this._viewport.orientation) === null || _m === void 0 ? void 0 : _m.startsWith('landscape'))
+                    if (!this._viewport.pixelRatio || !this._viewport.statusBarSize) {
+                        const screen = await this.execute('mobile:deviceScreenInfo');
+                        this._viewport.pixelRatio = (_m = screen.scale) !== null && _m !== void 0 ? _m : 0;
+                        this._viewport.statusBarSize = (_o = screen.statusBarSize) === null || _o === void 0 ? void 0 : _o.height;
+                    }
+                    if ((_p = this._viewport.orientation) === null || _p === void 0 ? void 0 : _p.startsWith('landscape'))
                         this._viewport.statusBarSize = 0;
                 }
-                (_o = (_4 = this._viewport).statusBarSize) !== null && _o !== void 0 ? _o : (_4.statusBarSize = 0);
+                (_q = (_7 = this._viewport).pixelRatio) !== null && _q !== void 0 ? _q : (_7.pixelRatio = 1);
+                (_r = (_8 = this._viewport).statusBarSize) !== null && _r !== void 0 ? _r : (_8.statusBarSize = 0);
                 // calculate viewport location
-                (_p = (_5 = this._viewport).viewportLocation) !== null && _p !== void 0 ? _p : (_5.viewportLocation = {
-                    x: this._viewport.orientation === 'landscape' ? (_q = this._viewport.navigationBarSize) !== null && _q !== void 0 ? _q : 0 : 0,
+                (_s = (_9 = this._viewport).viewportLocation) !== null && _s !== void 0 ? _s : (_9.viewportLocation = {
+                    x: this._viewport.orientation === 'landscape' ? (_t = this._viewport.navigationBarSize) !== null && _t !== void 0 ? _t : 0 : 0,
                     y: this._viewport.statusBarSize,
                 });
                 // calculate viewport size
@@ -357,7 +365,7 @@ class Driver {
                     this._viewport.viewportSize = { ...this._viewport.displaySize };
                     this._viewport.viewportSize.height -= this._viewport.statusBarSize;
                     if (environment.isAndroid) {
-                        this._viewport.viewportSize[((_r = this._viewport.orientation) === null || _r === void 0 ? void 0 : _r.startsWith('landscape')) ? 'width' : 'height'] -=
+                        this._viewport.viewportSize[((_u = this._viewport.orientation) === null || _u === void 0 ? void 0 : _u.startsWith('landscape')) ? 'width' : 'height'] -=
                             this._viewport.navigationBarSize;
                     }
                 }
@@ -387,13 +395,13 @@ class Driver {
             }
             if (environment.isWeb) {
                 const browserViewport = await this.execute(snippets.getViewport);
-                (_s = (_6 = this._viewport).viewportSize) !== null && _s !== void 0 ? _s : (_6.viewportSize = browserViewport.viewportSize);
-                (_t = (_7 = this._viewport).pixelRatio) !== null && _t !== void 0 ? _t : (_7.pixelRatio = browserViewport.pixelRatio);
-                (_u = (_8 = this._viewport).viewportScale) !== null && _u !== void 0 ? _u : (_8.viewportScale = browserViewport.viewportScale);
-                (_v = (_9 = this._viewport).orientation) !== null && _v !== void 0 ? _v : (_9.orientation = browserViewport.orientation);
+                (_v = (_10 = this._viewport).viewportSize) !== null && _v !== void 0 ? _v : (_10.viewportSize = browserViewport.viewportSize);
+                (_w = (_11 = this._viewport).pixelRatio) !== null && _w !== void 0 ? _w : (_11.pixelRatio = browserViewport.pixelRatio);
+                (_x = (_12 = this._viewport).viewportScale) !== null && _x !== void 0 ? _x : (_12.viewportScale = browserViewport.viewportScale);
+                (_y = (_13 = this._viewport).orientation) !== null && _y !== void 0 ? _y : (_13.orientation = browserViewport.orientation);
             }
-            (_w = (_10 = this._viewport).pixelRatio) !== null && _w !== void 0 ? _w : (_10.pixelRatio = 1);
-            (_x = (_11 = this._viewport).viewportScale) !== null && _x !== void 0 ? _x : (_11.viewportScale = 1);
+            (_z = (_14 = this._viewport).pixelRatio) !== null && _z !== void 0 ? _z : (_14.pixelRatio = 1);
+            (_0 = (_15 = this._viewport).viewportScale) !== null && _0 !== void 0 ? _0 : (_15.viewportScale = 1);
             this._logger.log('Extracted viewport', this._viewport);
         }
         return this._viewport;
@@ -418,7 +426,7 @@ class Driver {
     async getDriverUrl() {
         var _a;
         const driverInfo = await this.getDriverInfo();
-        return (_a = driverInfo.remoteHostname) !== null && _a !== void 0 ? _a : null;
+        return (_a = driverInfo.driverServerUrl) !== null && _a !== void 0 ? _a : null;
     }
     async getHelper() {
         var _a, _b, _c;

package/dist/element.js

@@ -189,14 +189,14 @@ class Element {
         if (!contentRegion || !environment.isAndroid) {
             let attrContentRegion = null;
             try {
-                const size = JSON.parse(await this.getAttribute('contentSize'));
+                const { left, top, width, height, scrollableOffset } = JSON.parse(await this.getAttribute('contentSize'));
+                if ([left, top, width, height, scrollableOffset].some(value => !utils.types.isNumber(value)))
+                    throw new Error('Invalid contentSize');
                 attrContentRegion = {
-                    x: size.left,
-                    y: size.top,
-                    width: size.width,
-                    height: environment.isIOS
-                        ? Math.max(size.height, size.scrollableOffset)
-                        : size.height + size.scrollableOffset,
+                    x: left,
+                    y: top,
+                    width: width,
+                    height: environment.isIOS ? Math.max(height, scrollableOffset) : height + scrollableOffset,
                 };
             }
             catch (err) {
@@ -368,9 +368,8 @@ class Element {
         return text;
     }
     async getAttribute(name) {
-        var _a;
         // we assumes that attributes are not changed during the session
-        if ((_a = this._state.attributes) === null || _a === void 0 ? void 0 : _a[name]) {
+        if (utils.types.has(this._state.attributes, name)) {
             if (this._state.attributes[name] instanceof Error)
                 throw this._state.attributes[name];
             return this._state.attributes[name];

package/dist/fake/spec-driver.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCurrentWorld = exports.visit = exports.getTitle = exports.getUrl = exports.getOrientation = exports.setWindowSize = exports.getWindowSize = exports.getDriverInfo = exports.takeScreenshot = exports.childContext = exports.parentContext = exports.mainContext = exports.getElementText = exports.findElements = exports.findElement = exports.executeScript = exports.isEqualElements = exports.isStaleElementError = exports.extractSelector = exports.toSimpleCommonSelector = exports.toSelector = exports.isSelector = exports.isElement = exports.isDriver = void 0;
+exports.performAction = exports.getElementAttribute = exports.getElementRegion = exports.getCurrentWorld = exports.visit = exports.getTitle = exports.getUrl = exports.getOrientation = exports.setWindowSize = exports.getWindowSize = exports.getDriverInfo = exports.takeScreenshot = exports.childContext = exports.parentContext = exports.mainContext = exports.getElementText = exports.findElements = exports.findElement = exports.executeScript = exports.isEqualElements = exports.isStaleElementError = exports.extractSelector = exports.toSimpleCommonSelector = exports.toSelector = exports.isSelector = exports.isElement = exports.isDriver = void 0;
 const utils = __importStar(require("@applitools/utils"));
 function isDriver(driver) {
     return driver && driver.constructor.name === 'MockDriver';
@@ -141,3 +141,15 @@ async function getCurrentWorld(driver) {
     return driver.getCurrentWorld();
 }
 exports.getCurrentWorld = getCurrentWorld;
+async function getElementRegion(_driver, element) {
+    return element.region;
+}
+exports.getElementRegion = getElementRegion;
+async function getElementAttribute(_driver, element, attr) {
+    return element.attrs[attr];
+}
+exports.getElementAttribute = getElementAttribute;
+async function performAction(_driver, _steps) {
+    return;
+}
+exports.performAction = performAction;

package/dist/helper-ios.js

@@ -18,7 +18,12 @@ class HelperIOS {
     }
     async getContentRegion(element) {
         var _a, _b;
-        await this._element.click();
+        const { x, y } = await this._spec.getElementRegion(this._driver.target, this._element.target);
+        await this._spec.performAction(this._driver.target, [
+            { action: 'press', x, y },
+            { action: 'wait', ms: 300 },
+            { action: 'release' },
+        ]);
         const sizeLabel = await this._driver.element({ type: 'name', selector: 'applitools_content_size_label' });
         const sizeString = await (sizeLabel === null || sizeLabel === void 0 ? void 0 : sizeLabel.getText());
         if (!sizeString)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/driver",
-  "version": "1.16.0",
+  "version": "1.16.2",
   "description": "Applitools universal framework wrapper",
   "keywords": [
     "applitools",
@@ -74,7 +74,7 @@
   },
   "dependencies": {
     "@applitools/logger": "2.0.14",
-    "@applitools/snippets": "2.4.24",
+    "@applitools/snippets": "2.4.25",
     "@applitools/utils": "1.7.0",
     "semver": "7.5.4"
   },

package/types/fake/spec-driver.d.ts

@@ -1,4 +1,4 @@
-import type { Size } from '@applitools/utils';
+import type { Region, Size } from '@applitools/utils';
 import type { DriverInfo } from '../types';
 export type Driver = any;
 export type Element = any;
@@ -36,4 +36,7 @@ export declare function getUrl(driver: Driver): Promise<string>;
 export declare function getTitle(driver: Driver): Promise<string>;
 export declare function visit(driver: Driver, url: string): Promise<void>;
 export declare function getCurrentWorld(driver: Driver): Promise<any>;
+export declare function getElementRegion(_driver: Driver, element: Element): Promise<Region>;
+export declare function getElementAttribute(_driver: Driver, element: Element, attr: string): Promise<string>;
+export declare function performAction(_driver: Driver, _steps: any[]): Promise<void>;
 export {};

package/types/spec-driver.d.ts

@@ -127,6 +127,7 @@ export interface SpecDriver<T extends SpecType> {
     getCurrentWorld?(driver: T['driver']): Promise<string>;
     getWorlds?(driver: T['driver']): Promise<string[]>;
     switchWorld?(driver: T['driver'], id: string): Promise<void>;
+    reload?(driver: T['driver']): Promise<void>;
 }
 export type WaitOptions = {
     state?: 'exist' | 'visible';

package/types/types.d.ts

@@ -68,7 +68,7 @@ export type Features = {
 };
 export type DriverInfo = {
     sessionId?: string;
-    remoteHostname?: string;
+    driverServerUrl?: string;
     userAgent?: UserAgent | null;
     capabilities?: Capabilities | null;
     viewport?: Partial<Viewport>;