@applitools/eyes 1.37.0 → 1.38.1

package/CHANGELOG.md

@@ -1,5 +1,72 @@
 # Changelog
 
+## [1.38.1](https://github.com/Applitools-Dev/sdk/compare/js/eyes@1.38.0...js/eyes@1.38.1) (2026-01-21)
+
+
+### Dependencies
+
+* @applitools/dom-snapshot bumped to 4.15.7
+  #### Bug Fixes
+
+  * add fetchConcurrency to dom-snapshot | FLD-4062 ([#3486](https://github.com/Applitools-Dev/sdk/issues/3486)) ([f523791](https://github.com/Applitools-Dev/sdk/commit/f523791b9bc60029ec0b4b6914bc54e0110bd4a2))
+* @applitools/ufg-client bumped to 1.19.0
+  #### Features
+
+  * add `fetchConcurrency` parameter to `makeAutonomousCore` FLD-4063 ([#3480](https://github.com/Applitools-Dev/sdk/issues/3480)) ([df0c60d](https://github.com/Applitools-Dev/sdk/commit/df0c60d5e74703550dba036299db7360065524f6))
+* @applitools/core bumped to 4.56.0
+  #### Features
+
+  * add `fetchConcurrency` parameter to `makeAutonomousCore` FLD-4063 ([#3480](https://github.com/Applitools-Dev/sdk/issues/3480)) ([df0c60d](https://github.com/Applitools-Dev/sdk/commit/df0c60d5e74703550dba036299db7360065524f6))
+
+
+  #### Bug Fixes
+
+  * add fetchConcurrency to dom-snapshot | FLD-4062 ([#3486](https://github.com/Applitools-Dev/sdk/issues/3486)) ([f523791](https://github.com/Applitools-Dev/sdk/commit/f523791b9bc60029ec0b4b6914bc54e0110bd4a2))
+
+
+
+
+## [1.38.0](https://github.com/Applitools-Dev/sdk/compare/js/eyes@1.37.0...js/eyes@1.38.0) (2026-01-19)
+
+
+### Features
+
+* multi-page support - FLD-3827 ([#3410](https://github.com/Applitools-Dev/sdk/issues/3410)) ([a55b982](https://github.com/Applitools-Dev/sdk/commit/a55b9827c2218c11da5ed61b38bf12a70ce4c8db))
+
+
+### Dependencies
+
+* @applitools/dom-snapshot bumped to 4.15.6
+
+* @applitools/driver bumped to 1.25.0
+  #### Features
+
+  * multi-page support - FLD-3827 ([#3410](https://github.com/Applitools-Dev/sdk/issues/3410)) ([a55b982](https://github.com/Applitools-Dev/sdk/commit/a55b9827c2218c11da5ed61b38bf12a70ce4c8db))
+* @applitools/spec-driver-webdriver bumped to 1.5.5
+
+* @applitools/spec-driver-selenium bumped to 1.7.11
+
+* @applitools/spec-driver-puppeteer bumped to 1.7.0
+  #### Features
+
+  * multi-page support - FLD-3827 ([#3410](https://github.com/Applitools-Dev/sdk/issues/3410)) ([a55b982](https://github.com/Applitools-Dev/sdk/commit/a55b9827c2218c11da5ed61b38bf12a70ce4c8db))
+
+
+
+* @applitools/screenshoter bumped to 3.12.12
+
+* @applitools/nml-client bumped to 1.11.15
+
+* @applitools/ec-client bumped to 1.12.17
+
+* @applitools/core bumped to 4.55.0
+  #### Features
+
+  * multi-page support - FLD-3827 ([#3410](https://github.com/Applitools-Dev/sdk/issues/3410)) ([a55b982](https://github.com/Applitools-Dev/sdk/commit/a55b9827c2218c11da5ed61b38bf12a70ce4c8db))
+
+
+
+
 ## [1.37.0](https://github.com/Applitools-Dev/sdk/compare/js/eyes@1.36.20...js/eyes@1.37.0) (2026-01-14)
 
 

package/dist/Eyes.js

@@ -291,7 +291,11 @@ class Eyes {
     }
     async checkRegion(imageOrRegion, regionOrName, nameOrTimeout, ignoreMismatch = false) {
         return utils.types.has(imageOrRegion, ['x', 'y', 'width', 'height'])
-            ? this.check({ region: imageOrRegion, name: regionOrName, timeout: nameOrTimeout })
+            ? this.check({
+                region: imageOrRegion,
+                name: regionOrName,
+                timeout: nameOrTimeout,
+            })
             : this.check({ image: imageOrRegion }, { region: regionOrName, name: nameOrTimeout, ignoreMismatch });
     }
     /** @deprecated */

package/dist/SettingsWithPage.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/input/CheckSettings.js

@@ -458,6 +458,12 @@ class CheckSettingsAutomationFluent extends CheckSettingsBaseFluent {
         return self;
     }
     region(region) {
+        // Extract page if present (opt-in for multi-page contexts)
+        if (utils.types.isPlainObject(region) && utils.types.has(region, 'page')) {
+            const { page, ...regionWithoutPage } = region;
+            this._settings.page = page;
+            region = regionWithoutPage;
+        }
         if (this._isSelectorReference(region) &&
             this._isSelectorReference(this._settings.region) &&
             utils.types.has(this._settings.region, 'selector')) {
@@ -489,9 +495,20 @@ class CheckSettingsAutomationFluent extends CheckSettingsBaseFluent {
         return this;
     }
     frame(contextOrFrame, scrollRootElement) {
+        // Extract page if present in object form
+        let page;
+        if (utils.types.isPlainObject(contextOrFrame) && utils.types.has(contextOrFrame, 'page')) {
+            page = contextOrFrame.page;
+        }
+        // Normalize to ContextReference
         const context = this._isFrameReference(contextOrFrame) || this._isSelectorReference(contextOrFrame)
             ? { frame: contextOrFrame, scrollRootElement }
             : contextOrFrame;
+        // Set page if provided (opt-in for multi-page contexts)
+        if (page) {
+            ;
+            this._settings.page = page;
+        }
         if (!this._settings.frames)
             this._settings.frames = [];
         this._settings.frames.push(context);
@@ -616,7 +633,7 @@ class CheckSettingsAutomationFluent extends CheckSettingsBaseFluent {
     toJSON() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         return {
-            target: undefined,
+            target: this._settings.page,
             settings: utils.general.removeUndefinedProps({
                 name: this._settings.name,
                 region: this._settings.region ? this.toCoreRegion(this._settings.region) : this._settings.region,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/eyes",
-  "version": "1.37.0",
+  "version": "1.38.1",
   "keywords": [
     "applitools",
     "eyes",
@@ -30,6 +30,10 @@
       "types": "./types/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./SettingsWithPage": {
+      "types": "./types/SettingsWithPage.d.ts",
+      "default": "./dist/SettingsWithPage.js"
+    },
     "./dist/*": "./dist/*.js",
     "./package.json": "./package.json"
   },
@@ -46,7 +50,7 @@
     "test": "run --top-level mocha './test/**/*.spec.ts'"
   },
   "dependencies": {
-    "@applitools/core": "4.54.3",
+    "@applitools/core": "4.56.0",
     "@applitools/logger": "2.2.7",
     "@applitools/utils": "1.14.1",
     "chalk": "4.1.2",

package/types/Eyes.d.ts

@@ -26,7 +26,8 @@ import { ValidationResult } from './output/ValidationResult';
 import { SessionEventHandler, SessionEventHandlers } from './SessionEventHandlers';
 import { EyesRunner } from './Runners';
 import { Logger } from './Logger';
-export declare class Eyes<TSpec extends Core.SpecType = Core.SpecType> {
+export { CheckSettingsOptIn } from './input/CheckSettings';
+export declare class Eyes<TSpec extends Core.SpecType = Core.SpecType, TCheckSettingsWithAutomation extends CheckSettingsAutomation<TSpec> = CheckSettingsAutomation<TSpec>> {
     protected static readonly _sdk: SDK<Core.SpecType>;
     protected get _sdk(): SDK<TSpec>;
     private _logger;
@@ -102,7 +103,7 @@ export declare class Eyes<TSpec extends Core.SpecType = Core.SpecType> {
     open(appName?: string, testName?: string, viewportSize?: RectangleSize, sessionType?: SessionType): Promise<void>;
     check(name: string, checkSettings: CheckSettingsImageFluent | CheckSettingsAutomationFluent<TSpec>): Promise<MatchResultData>;
     check(target: Image, checkSettings?: CheckSettingsImage): Promise<MatchResultData>;
-    check(checkSettings?: CheckSettingsAutomation<TSpec>): Promise<MatchResultData>;
+    check(checkSettings?: TCheckSettingsWithAutomation): Promise<MatchResultData>;
     /** @deprecated */
     checkWindow(name?: string, timeout?: number, fully?: boolean): Promise<MatchResultData>;
     /** @deprecated */

package/types/SettingsWithPage.d.ts

@@ -0,0 +1 @@
+export { CheckSettingsOptIn as CheckSettings, RegionReferenceWithPage as RegionReference } from './input/CheckSettings';

package/types/input/CheckSettings.d.ts

@@ -82,7 +82,7 @@ type LayoutBreakpoints = boolean | number[] | {
     heightBreakpoints: boolean;
     reload?: boolean;
 };
-export type CheckSettingsAutomation<TSpec extends Core.SpecType> = CheckSettingsBase<RegionReference<TSpec>> & {
+export type CheckSettingsAutomation<TSpec extends Core.SpecType, TRegionReference = RegionReference<TSpec>> = CheckSettingsBase<TRegionReference> & {
     frames?: (ContextReference<TSpec> | FrameReference<TSpec>)[];
     webview?: boolean | string;
     scrollRootElement?: ElementReference<TSpec>;
@@ -108,6 +108,31 @@ export type CheckSettingsAutomation<TSpec extends Core.SpecType> = CheckSettings
     waitBeforeCapture?: number | (() => Promise<void>);
     lazyLoad?: boolean | LazyLoadOptions;
 };
+/**
+ * All available opt-in properties for CheckSettings.
+ * Platforms can selectively include these properties as needed.
+ *
+ * @template TSpec - The spec type for the platform
+ */
+type CheckSettingsWithPage<TSpec extends Core.SpecType> = {
+    page?: TSpec['driver'];
+};
+export type RegionReferenceWithPage<TSpec extends Core.SpecType> = (Region & {
+    page?: TSpec['driver'];
+}) | {
+    selector: TSpec['selector'] | string;
+    page?: TSpec['driver'];
+} | ElementReference<TSpec>;
+/**
+ * Opt-in properties for multi-page context support.
+ * Platforms that support multi-page contexts (Playwright, Puppeteer) should include this.
+ *
+ * @template TSpec - The spec type for the platform
+ * @template TKeys - Optional array of property keys to include. If not specified, only 'page' is included.
+ *
+ */
+export type CheckSettingsOptIn<TSpec extends Core.SpecType, TKeys extends readonly (keyof CheckSettingsWithPage<TSpec>)[] = ['page']> = Pick<CheckSettingsWithPage<TSpec>, TKeys[number]>;
+export type CheckSettingsAutomationWithOptIn<TSpec extends Core.SpecType> = CheckSettingsAutomation<TSpec, RegionReferenceWithPage<TSpec>> & CheckSettingsOptIn<TSpec, ['page']>;
 export declare class CheckSettingsBaseFluent<TRegion = never> {
     protected _settings: CheckSettingsBase<TRegion>;
     protected parent?: this;
@@ -192,16 +217,17 @@ export declare class CheckSettingsImageFluent extends CheckSettingsBaseFluent {
         settings: Core.CheckSettings<never, 'classic'>;
     };
 }
-export declare class CheckSettingsAutomationFluent<TSpec extends Core.SpecType = Core.SpecType> extends CheckSettingsBaseFluent<RegionReference<TSpec>> {
+export declare class CheckSettingsAutomationFluent<TSpec extends Core.SpecType = Core.SpecType, TCheckSettingsWithAutomation extends CheckSettingsAutomation<TSpec> = CheckSettingsAutomation<TSpec>> extends CheckSettingsBaseFluent<RegionReference<TSpec>> {
     protected _settings: CheckSettingsAutomation<TSpec>;
     protected static readonly _spec: Core.SpecDriver<Core.SpecType>;
     protected _spec: Core.SpecDriver<TSpec>;
     protected _isElementReference(value: any): value is ElementReference<TSpec>;
     protected _isSelectorReference(selector: any): selector is SelectorReference<TSpec>;
     protected _isFrameReference(value: any): value is FrameReference<TSpec>;
-    constructor(settings?: CheckSettingsAutomation<TSpec> | CheckSettingsAutomationFluent<TSpec>);
+    constructor(settings?: CheckSettingsAutomationFluent<TSpec>);
+    constructor(settings?: TCheckSettingsWithAutomation);
     /** @internal */
-    constructor(settings?: CheckSettingsAutomation<TSpec> | CheckSettingsAutomationFluent<TSpec>, spec?: Core.SpecDriver<TSpec>, parent?: CheckSettingsAutomationFluent<TSpec>);
+    constructor(settings?: TCheckSettingsWithAutomation | CheckSettingsAutomationFluent<TSpec>, spec?: Core.SpecDriver<TSpec>, parent?: CheckSettingsAutomationFluent<TSpec>);
     region(region: RegionReference<TSpec>): this;
     shadow(selector: SelectorReference<TSpec>): typeof this;
     frame(context: ContextReference<TSpec>): this;
@@ -252,7 +278,7 @@ export declare class CheckSettingsAutomationFluent<TSpec extends Core.SpecType =
     };
     /** @internal */
     toJSON(): {
-        target: undefined;
+        target: TSpec['driver'] | undefined;
         settings: Core.CheckSettings<TSpec, 'classic'> & Core.CheckSettings<TSpec, 'ufg'>;
     };
 }
@@ -264,7 +290,7 @@ export type TargetImage = {
     url(imageUrl: URL | string): CheckSettingsImageFluent;
 };
 export declare const TargetImage: TargetImage;
-export type TargetAutomation<TSpec extends Core.SpecType = Core.SpecType> = {
+export type TargetAutomationBase<TSpec extends Core.SpecType = Core.SpecType> = {
     /** @internal */
     spec: Core.SpecDriver<TSpec>;
     window(): CheckSettingsAutomationFluent<TSpec>;
@@ -274,7 +300,8 @@ export type TargetAutomation<TSpec extends Core.SpecType = Core.SpecType> = {
     shadow(selector: SelectorReference<TSpec>): CheckSettingsAutomationFluent<TSpec>;
     webview(webview?: string | boolean): CheckSettingsAutomationFluent<TSpec>;
 };
-export declare const TargetAutomation: TargetAutomation<Core.SpecType>;
+export type TargetAutomation<TSpec extends Core.SpecType = Core.SpecType> = TargetAutomationBase<TSpec>;
+export declare const TargetAutomation: TargetAutomationBase<Core.SpecType>;
 export type Target<TSpec extends Core.SpecType = Core.SpecType> = TargetImage & TargetAutomation<TSpec>;
 export declare const Target: Target<Core.SpecType>;
 export {};