@applitools/core 4.21.0 → 4.21.2

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # Changelog
 
+## [4.21.2](https://github.com/Applitools-Dev/sdk/compare/js/core@4.21.1...js/core@4.21.2) (2024-10-29)
+
+
+### Dependencies
+
+* @applitools/screenshoter bumped to 3.9.2
+  #### Bug Fixes
+
+  * test in screenshoter web ([f068dbe](https://github.com/Applitools-Dev/sdk/commit/f068dbe9036163fb3e316411cfd9f47a226d7c9c))
+
+## [4.21.1](https://github.com/Applitools-Dev/sdk/compare/js/core@4.21.0...js/core@4.21.1) (2024-10-28)
+
+
+### Bug Fixes
+
+* better handling of stale elements ([cab10ff](https://github.com/Applitools-Dev/sdk/commit/cab10ff1ae1e6f9560a7d278c710b3fa03f58c83))
+
+
+### Performance Improvements
+
+* avoid logging entire dom snapshots ([#2573](https://github.com/Applitools-Dev/sdk/issues/2573)) ([e6dc792](https://github.com/Applitools-Dev/sdk/commit/e6dc792c75eb39bd4d3e53775b63ba49fad20740))
+
+
+### Dependencies
+
+* @applitools/dom-snapshot bumped to 4.11.4
+  #### Bug Fixes
+
+  * better handling of stale elements ([cab10ff](https://github.com/Applitools-Dev/sdk/commit/cab10ff1ae1e6f9560a7d278c710b3fa03f58c83))
+
+
+
+* @applitools/snippets bumped to 2.5.2
+  #### Bug Fixes
+
+  * better handling of stale elements ([cab10ff](https://github.com/Applitools-Dev/sdk/commit/cab10ff1ae1e6f9560a7d278c710b3fa03f58c83))
+* @applitools/driver bumped to 1.19.4
+  #### Bug Fixes
+
+  * better handling of stale elements ([cab10ff](https://github.com/Applitools-Dev/sdk/commit/cab10ff1ae1e6f9560a7d278c710b3fa03f58c83))
+
+
+
+* @applitools/spec-driver-webdriver bumped to 1.1.16
+
+* @applitools/spec-driver-selenium bumped to 1.5.87
+
+* @applitools/spec-driver-puppeteer bumped to 1.4.16
+
+* @applitools/screenshoter bumped to 3.9.1
+
+* @applitools/nml-client bumped to 1.8.14
+
+* @applitools/ec-client bumped to 1.9.10
+
+
 ## [4.21.0](https://github.com/Applitools-Dev/sdk/compare/js/core@4.20.2...js/core@4.21.0) (2024-10-21)
 
 

package/dist/ufg/take-snapshots.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeTakeSnapshots = void 0;
 const driver_1 = require("@applitools/driver");
@@ -29,7 +6,6 @@ const take_dom_snapshots_1 = require("./utils/take-dom-snapshots");
 const to_safe_check_settings_1 = require("./utils/to-safe-check-settings");
 const to_generated_selectors_1 = require("./utils/to-generated-selectors");
 const abort_error_1 = require("../errors/abort-error");
-const utils = __importStar(require("@applitools/utils"));
 function makeTakeSnapshots({ core, spec, signal, logger: mainLogger }) {
     return async function takeSnapshots({ driver, settings = {}, account, logger = mainLogger, }) {
         var _a;
@@ -48,6 +24,7 @@ function makeTakeSnapshots({ core, spec, signal, logger: mainLogger }) {
         const { elementReferences, getSafeCheckSettings } = (0, to_safe_check_settings_1.toSafeCheckSettings)({ settings });
         const { elementReferencesToMark, getGeneratedSelectors } = (0, to_generated_selectors_1.toGeneratedSelectors)({
             elementReferences,
+            // dead code - `transformElementReference` was used for NMG but it's not longer used anywhere
             transformElementReference: elementReference => { var _a; return ((0, driver_1.isSelector)(elementReference) && ((_a = spec === null || spec === void 0 ? void 0 : spec.toSimpleCommonSelector) === null || _a === void 0 ? void 0 : _a.call(spec, elementReference))) || undefined; },
         });
         let snapshots;
@@ -79,6 +56,7 @@ function makeTakeSnapshots({ core, spec, signal, logger: mainLogger }) {
             });
         }
         else {
+            // dead code - used for NMG
             const nmlClient = await core.getNMLClient({
                 driver,
                 settings: { ...account.eyesServer, supportedEnvironmentsUrl: account.supportedEnvironmentsUrl },
@@ -100,7 +78,7 @@ function makeTakeSnapshots({ core, spec, signal, logger: mainLogger }) {
         return snapshots.map((snapshot, index) => ({
             target: snapshot,
             settings: getSafeCheckSettings({
-                selectors: getGeneratedSelectors(utils.types.has(snapshot, 'generatedSelectors') ? snapshot.generatedSelectors : undefined),
+                selectors: getGeneratedSelectors(snapshot.generatedSelectors),
             }),
             environment: uniqueEnvironments[index],
             account,

package/dist/ufg/utils/generate-safe-selectors.js

@@ -25,39 +25,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateSafeSelectors = void 0;
 const utils = __importStar(require("@applitools/utils"));
-const { addElementIds, cleanupElementIds } = require('@applitools/snippets');
+const { addElementIds } = require('@applitools/snippets');
 async function generateSafeSelectors({ context, elementReferences, }) {
     if (!(elementReferences === null || elementReferences === void 0 ? void 0 : elementReferences.length))
-        return;
-    const mapping = await Promise.all(elementReferences.map(async (ref) => {
-        const elements = await context.elements(ref);
-        return {
-            ref,
-            elements,
-            id: utils.general.guid(), // same id for all elements that match the same ref
-        };
-    }));
+        return { generatedSelectors: [] };
     // we can't structure elementsWithIds as object because it's not supported in safari webdriver (https://stackoverflow.com/questions/78953951/ios-safari-webdriver-executescript-fails-to-serialize-objects-with-elements)
-    const elementsWithIds = mapping.map(({ elements, id }) => [elements, id]);
-    const generatedSelectors = (await context.execute(addElementIds, elementsWithIds)).flat();
-    let offset = 0;
-    const selectors = mapping.map(({ elements, ref }) => {
-        if (elements.length === 0)
-            return { safeSelector: null, originalSelector: null, elementReference: ref };
-        const safeSelector = generatedSelectors[offset].reduceRight((selector, value) => {
-            return selector ? { type: 'css', selector: value, shadow: selector } : { type: 'css', selector: value };
-        }, undefined);
-        offset += elements.length;
-        return { safeSelector, originalSelector: elements[0].commonSelector, elementReference: ref };
-    });
-    return {
-        selectors,
-        cleanupGeneratedSelectors,
-    };
-    async function cleanupGeneratedSelectors() {
-        if (!mapping.length)
-            return;
-        await context.execute(cleanupElementIds, [mapping.map(({ elements }) => elements).flat()]);
+    const elementsWithIds = [];
+    for (const ref of elementReferences) {
+        const elements = await context.elements(ref);
+        elementsWithIds.push([elements, utils.general.guid()]); // same id for all elements that match the same ref
     }
+    return { generatedSelectors: await context.execute(addElementIds, elementsWithIds) };
 }
 exports.generateSafeSelectors = generateSafeSelectors;

package/dist/ufg/utils/take-dom-snapshot.js

@@ -23,24 +23,27 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractCrossFrames = exports.takeDomSnapshot = void 0;
+exports.takeDomSnapshot = void 0;
 const utils = __importStar(require("@applitools/utils"));
 const { getProcessPagePoll, getPollResult } = require('@applitools/dom-snapshot');
 async function takeDomSnapshot({ context, settings, logger, }) {
-    var _a;
+    var _a, _b;
     const driver = context.driver;
     const environment = await driver.getEnvironment();
     const features = await driver.getFeatures();
-    const cookies = ((_a = settings === null || settings === void 0 ? void 0 : settings.cookies) !== null && _a !== void 0 ? _a : features.allCookies) ? await driver.getCookies().catch(() => []) : [];
-    const snapshot = transformRawDomSnapshot(await takeContextDomSnapshot({ context }));
-    snapshot.cookies = cookies;
+    const cookies = (_a = settings === null || settings === void 0 ? void 0 : settings.cookies) !== null && _a !== void 0 ? _a : [];
+    // assumption is that elementReferences are all in the frame which is `context`
+    // otherwise, the elements would still be found inside other frames, but `takeContextDomSnapshot` should be passed only the specific element references that it needs
+    const elements = [];
+    for (const elementReference of (_b = settings === null || settings === void 0 ? void 0 : settings.elementReferences) !== null && _b !== void 0 ? _b : []) {
+        elements.push(await context.elements(elementReference));
+    }
+    const snapshot = transformRawDomSnapshot(await takeContextDomSnapshot({ context }), elements);
+    snapshot.cookies = features.allCookies ? await driver.getCookies().catch(() => []) : cookies; // intentionally fetching cookies after the dom snapshot runs
     return snapshot;
     async function takeContextDomSnapshot({ context }) {
         // logger.log(`taking dom snapshot. ${context._reference ? `context referece: ${JSON.stringify(context._reference)}` : ''}`)
         var _a, _b, _c;
-        if (!features.allCookies) {
-            cookies.push(...(await context.getCookies()));
-        }
         const arg = {
             dontFetchResources: settings === null || settings === void 0 ? void 0 : settings.disableBrowserFetching,
             skipResources: settings === null || settings === void 0 ? void 0 : settings.skipResources,
@@ -50,6 +53,7 @@ async function takeDomSnapshot({ context, settings, logger, }) {
             serializeResources: true,
             compressResources: false,
             showLogs: settings === null || settings === void 0 ? void 0 : settings.showLogs,
+            elements,
         };
         const scripts = {
             main: features.canExecuteOnlyFunctionScripts
@@ -65,6 +69,10 @@ async function takeDomSnapshot({ context, settings, logger, }) {
             executionTimeout: (_b = settings === null || settings === void 0 ? void 0 : settings.executionTimeout) !== null && _b !== void 0 ? _b : 5 * 60 * 1000,
             pollTimeout: (_c = settings === null || settings === void 0 ? void 0 : settings.pollTimeout) !== null && _c !== void 0 ? _c : 200,
         });
+        // intentionally fetching cookies after the dom snapshot runs
+        if (!features.allCookies) {
+            cookies.push(...(await context.getCookies()));
+        }
         const crossFrames = extractCrossFrames({ snapshot, logger });
         for (const { reference, parentSnapshot, cdtNode } of crossFrames) {
             const frameContext = await context
@@ -88,16 +96,14 @@ async function takeDomSnapshot({ context, settings, logger, }) {
                 cdtNode.attributes.push({ name: 'data-applitools-src', value: frameSnapshot.url });
             }
         }
-        logger.log(`dom snapshot cdt length: ${snapshot.cdt.length}`);
-        logger.log(`blobs urls (${snapshot.blobs.length}):`, JSON.stringify(snapshot.blobs.map(({ url }) => url)));
-        logger.log(`resource urls (${snapshot.resourceUrls.length}):`, JSON.stringify(snapshot.resourceUrls));
+        logSnapshot(logger, snapshot);
         return snapshot;
     }
 }
 exports.takeDomSnapshot = takeDomSnapshot;
-function transformRawDomSnapshot(snapshot) {
-    const { blobs, selector: _, crossFrames: __, ...rest } = snapshot;
-    return {
+function transformRawDomSnapshot(snapshot, elements) {
+    const { blobs, safeSelectors, selector: _, crossFrames: __, ...rest } = snapshot;
+    const domSnapshot = {
         ...rest,
         resourceContents: blobs.reduce((resourceContents, blob) => {
             return {
@@ -107,6 +113,16 @@ function transformRawDomSnapshot(snapshot) {
         }, {}),
         frames: snapshot.frames.map(frameSnapshot => transformRawDomSnapshot(frameSnapshot)),
     };
+    if (elements === null || elements === void 0 ? void 0 : elements.length) {
+        domSnapshot.generatedSelectors = elements.map((elements, i) => {
+            var _a, _b;
+            return ({
+                originalSelector: (_b = (_a = elements[0]) === null || _a === void 0 ? void 0 : _a.commonSelector) !== null && _b !== void 0 ? _b : null,
+                safeSelector: safeSelectors[i],
+            });
+        });
+    }
+    return domSnapshot;
 }
 function extractCrossFrames({ snapshot, parent = null, logger, }) {
     var _a;
@@ -128,7 +144,28 @@ function extractCrossFrames({ snapshot, parent = null, logger, }) {
                 : []),
         ];
     });
-    logger.log(`frames paths for ${snapshot.crossFrames}`, crossFrames.map(selector => JSON.stringify(selector)).join(' , '));
+    logger.log(...(snapshot.crossFrames
+        ? [
+            `frames paths for ${JSON.stringify(snapshot.crossFrames)}:`,
+            crossFrames.map(selector => ({
+                // we don't want `selector.parentSnapshot` to be logged - the size of it can be huge
+                cdtNode: selector.cdtNode,
+                reference: selector.reference,
+            })),
+        ]
+        : ['no cross frames found']));
     return crossFrames;
 }
-exports.extractCrossFrames = extractCrossFrames;
+function logSnapshot(logger, snapshot) {
+    try {
+        logger.log(`dom snapshot cdt length: ${snapshot.cdt.length}`);
+        logger.log(`blobs urls (${snapshot.blobs.length}):`, JSON.stringify(snapshot.blobs.map(({ url }) => url)));
+        logger.log(`resource urls (${snapshot.resourceUrls.length}):`, JSON.stringify(snapshot.resourceUrls));
+        logger.log(`cdt nodes with data-applitools-selector: ${JSON.stringify(snapshot.cdt.filter(node => { var _a; return (_a = node.attributes) === null || _a === void 0 ? void 0 : _a.some(attr => attr.name === 'data-applitools-selector'); }))}`);
+    }
+    catch (err) {
+        logger.error(`error while logging cdt`, err);
+    }
+    if (snapshot.error)
+        logger.error('snapshot error:', snapshot.error);
+}

package/dist/ufg/utils/take-dom-snapshots.js

@@ -38,7 +38,7 @@ const utils = __importStar(require("@applitools/utils"));
 const lang = __importStar(require("../../lang"));
 __exportStar(require("./take-dom-snapshot"), exports);
 async function takeDomSnapshots({ driver, settings, hooks, provides, logger, }) {
-    var _a, _b, _c;
+    var _a, _b;
     // calculating cookies here once so that we (a) don't do it for each dom snapshot, and (b) do it before generating safe selectors
     const features = await driver.getFeatures();
     settings.cookies = features.allCookies ? await driver.getCookies().catch(() => []) : [];
@@ -50,16 +50,10 @@ async function takeDomSnapshots({ driver, settings, hooks, provides, logger, })
         }
         logger.log(`taking single dom snapshot`);
         await beforeEachSnapshot();
-        // it's important that we calculate safe selectors as close as possible to taking the dom snapshot
-        const safeSelectorResult = await (0, generate_safe_selectors_1.generateSafeSelectors)({
-            context: currentContext,
-            elementReferences: settings.elementReferences,
-        });
         const snapshot = await (0, take_dom_snapshot_1.takeDomSnapshot)({ context: currentContext, settings, logger });
-        await ((_b = safeSelectorResult === null || safeSelectorResult === void 0 ? void 0 : safeSelectorResult.cleanupGeneratedSelectors) === null || _b === void 0 ? void 0 : _b.call(safeSelectorResult));
-        return Array(settings.environments.length).fill({ ...snapshot, generatedSelectors: safeSelectorResult === null || safeSelectorResult === void 0 ? void 0 : safeSelectorResult.selectors });
+        return Array(settings.environments.length).fill(snapshot);
     }
-    const isStrictBreakpoints = utils.types.isArray((_c = settings.layoutBreakpoints) === null || _c === void 0 ? void 0 : _c.breakpoints);
+    const isStrictBreakpoints = utils.types.isArray((_b = settings.layoutBreakpoints) === null || _b === void 0 ? void 0 : _b.breakpoints);
     const requiredWidths = await settings.environments.reduce(async (prev, environment, index) => {
         const { name, width } = (await extractEnvironmentInfo(environment));
         const requiredWidths = await prev;
@@ -92,7 +86,7 @@ async function takeDomSnapshots({ driver, settings, hooks, provides, logger, })
     requiredWidths.forEach((browsers, requiredWidth) => entries.push({ viewportSize: { width: requiredWidth, height: initialViewportSize.height }, browsers }));
     logger.log(`All entries to take dom snapshots for`, entries);
     // making safe selectors before any resize in order to make sure fallback selectors are created
-    let safeSelectorResult = await (0, generate_safe_selectors_1.generateSafeSelectors)({
+    await (0, generate_safe_selectors_1.generateSafeSelectors)({
         context: currentContext,
         elementReferences: settings.elementReferences,
     });
@@ -132,22 +126,14 @@ async function takeDomSnapshots({ driver, settings, hooks, provides, logger, })
             await (0, wait_for_lazy_load_1.waitForLazyLoad)({ context: currentContext, settings: settings.lazyLoad, logger });
         }
         await beforeEachSnapshot();
-        // it's important that we calculate safe selectors as close as possible to taking the dom snapshot
-        safeSelectorResult = await (0, generate_safe_selectors_1.generateSafeSelectors)({
-            context: currentContext,
-            elementReferences: settings.elementReferences,
-        });
         const snapshot = await (0, take_dom_snapshot_1.takeDomSnapshot)({ context: currentContext, settings, logger });
-        browsers.forEach(({ index }) => (snapshots[index] = { ...snapshot, generatedSelectors: safeSelectorResult === null || safeSelectorResult === void 0 ? void 0 : safeSelectorResult.selectors }));
+        browsers.forEach(({ index }) => (snapshots[index] = snapshot));
     }
     await driver.setViewportSize(initialViewportSize);
     if (settings.layoutBreakpoints.reload) {
         await driver.reloadPage();
         await beforeEachSnapshot();
     }
-    else {
-        await (safeSelectorResult === null || safeSelectorResult === void 0 ? void 0 : safeSelectorResult.cleanupGeneratedSelectors());
-    }
     return snapshots;
     async function beforeEachSnapshot() {
         var _a, _b;

package/dist/ufg/utils/to-generated-selectors.js

@@ -27,6 +27,7 @@ function toGeneratedSelectors({ elementReferences, transformElementReference, })
             calculate = generatedSelectors.slice(offset);
         }
         else {
+            // the entire else statement should be a dead code that was used for NMG, will be removed later
             target = elementReferences.target && transformElementReference(elementReferences.target);
             scrolling = elementReferences.scrolling && transformElementReference(elementReferences.scrolling);
             calculate = ((_c = elementReferences.calculate) !== null && _c !== void 0 ? _c : []).map(elementReference => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/core",
-  "version": "4.21.0",
+  "version": "4.21.2",
   "homepage": "https://applitools.com",
   "bugs": {
     "url": "https://github.com/applitools/eyes.sdk.javascript1/issues"
@@ -76,16 +76,16 @@
   "dependencies": {
     "@applitools/core-base": "1.18.0",
     "@applitools/dom-capture": "11.5.0",
-    "@applitools/dom-snapshot": "4.11.3",
-    "@applitools/driver": "1.19.3",
-    "@applitools/ec-client": "1.9.9",
+    "@applitools/dom-snapshot": "4.11.4",
+    "@applitools/driver": "1.19.4",
+    "@applitools/ec-client": "1.9.10",
     "@applitools/logger": "2.0.18",
-    "@applitools/nml-client": "1.8.13",
+    "@applitools/nml-client": "1.8.14",
     "@applitools/req": "1.7.2",
-    "@applitools/screenshoter": "3.9.0",
-    "@applitools/snippets": "2.5.1",
+    "@applitools/screenshoter": "3.9.2",
+    "@applitools/snippets": "2.5.2",
     "@applitools/socket": "1.1.18",
-    "@applitools/spec-driver-webdriver": "1.1.15",
+    "@applitools/spec-driver-webdriver": "1.1.16",
     "@applitools/ufg-client": "1.13.1",
     "@applitools/utils": "1.7.4",
     "@types/ws": "8.5.5",
@@ -100,8 +100,8 @@
   "devDependencies": {
     "@applitools/bongo": "^5.10.0",
     "@applitools/sea": "^1.0.0",
-    "@applitools/spec-driver-puppeteer": "^1.4.15",
-    "@applitools/spec-driver-selenium": "^1.5.86",
+    "@applitools/spec-driver-puppeteer": "^1.4.16",
+    "@applitools/spec-driver-selenium": "^1.5.87",
     "@applitools/test-server": "^1.2.2",
     "@applitools/test-utils": "^1.5.17",
     "@applitools/tunnel-client": "^1.5.8",

package/types/ufg/utils/generate-safe-selectors.d.ts

@@ -1,22 +1,7 @@
-import { type SpecType, type Context, type ElementReference, type CommonSelector } from '@applitools/driver';
-type GeneratedSafeSelector<TSpec extends SpecType> = {
-    selectors: {
-        safeSelector: CommonSelector | null;
-        originalSelector: CommonSelector | null;
-        elementReference: ElementReference<TSpec>;
-    }[];
-    cleanupGeneratedSelectors: () => Promise<void>;
-};
-export declare function generateSafeSelectors<TSpec extends SpecType>({ context, elementReferences, }: {
-    context: Context<TSpec>;
-    elementReferences: ElementReference<TSpec>[];
-}): Promise<GeneratedSafeSelector<TSpec>>;
-export declare function generateSafeSelectors<TSpec extends SpecType>({ context, elementReferences, }: {
-    context: Context<TSpec>;
-    elementReferences: undefined | [];
-}): Promise<undefined>;
+import { type SpecType, type Context, type ElementReference } from '@applitools/driver';
 export declare function generateSafeSelectors<TSpec extends SpecType>({ context, elementReferences, }: {
     context: Context<TSpec>;
     elementReferences?: ElementReference<TSpec>[];
-}): Promise<GeneratedSafeSelector<TSpec> | undefined>;
-export {};
+}): Promise<{
+    generatedSelectors: string[][][];
+}>;

package/types/ufg/utils/take-dom-snapshot.d.ts

@@ -1,9 +1,9 @@
 import { type DomSnapshot } from '../types';
 import { type Logger } from '@applitools/logger';
-import { type SpecType, type Context, type Cookie } from '@applitools/driver';
+import { type SpecType, type Context, type Cookie, type ElementReference, type CommonSelector } from '@applitools/driver';
 export type RawDomSnapshot = {
     url: string;
-    selector: string;
+    selector?: string;
     cdt: {
         attributes: {
             name: string;
@@ -22,8 +22,10 @@ export type RawDomSnapshot = {
     }[];
     srcAttr: string | null;
     scriptVersion: string;
+    safeSelectors?: (CommonSelector | null)[];
+    error?: string;
 };
-export type DomSnapshotSettings = {
+export type DomSnapshotSettings<TSpec extends SpecType> = {
     disableBrowserFetching?: boolean;
     skipResources?: string[];
     chunkByteLength?: number;
@@ -31,18 +33,10 @@ export type DomSnapshotSettings = {
     pollTimeout?: number;
     showLogs?: boolean;
     cookies?: Cookie[];
+    elementReferences?: ElementReference<TSpec>[];
 };
 export declare function takeDomSnapshot<TSpec extends SpecType>({ context, settings, logger, }: {
     context: Context<TSpec>;
-    settings?: DomSnapshotSettings;
+    settings?: DomSnapshotSettings<TSpec>;
     logger: Logger;
 }): Promise<DomSnapshot>;
-export declare function extractCrossFrames({ snapshot, parent, logger, }: {
-    snapshot: RawDomSnapshot;
-    parent?: any;
-    logger: Logger;
-}): {
-    cdtNode: RawDomSnapshot['cdt'][number];
-    reference: any;
-    parentSnapshot: RawDomSnapshot;
-}[];

package/types/ufg/utils/take-dom-snapshots.d.ts

@@ -1,11 +1,11 @@
 import type { DomSnapshot, LazyLoadOptions } from '../types';
 import { type Size } from '@applitools/utils';
 import { type Logger } from '@applitools/logger';
-import { type SpecType, type Driver, type ElementReference } from '@applitools/driver';
+import { type SpecType, type Driver } from '@applitools/driver';
 import { type Environment } from '@applitools/ufg-client';
 import { type DomSnapshotSettings } from './take-dom-snapshot';
 export * from './take-dom-snapshot';
-export type DomSnapshotsSettings<TSpec extends SpecType> = DomSnapshotSettings & {
+export type DomSnapshotsSettings<TSpec extends SpecType> = DomSnapshotSettings<TSpec> & {
     environments: Environment[];
     waitBeforeCapture?: number | (() => Promise<void>);
     layoutBreakpoints?: {
@@ -13,7 +13,6 @@ export type DomSnapshotsSettings<TSpec extends SpecType> = DomSnapshotSettings &
         reload?: boolean;
     };
     lazyLoad?: boolean | LazyLoadOptions;
-    elementReferences?: ElementReference<TSpec>[];
 };
 export declare function takeDomSnapshots<TSpec extends SpecType>({ driver, settings, hooks, provides, logger, }: {
     driver: Driver<TSpec>;