@applitools/core 4.37.0-debug-20250429-2 → 4.37.0-debug-20250430-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -38,7 +38,7 @@ async function extractMobileElementsIntoCheckSettings({ settings, driver, logger
38
38
  logger = logger.extend({ tags: [`extract-mobile-elements-${utils.general.shortid()}`] });
39
39
  const environment = await driver.getEnvironment();
40
40
  if (settings.region) {
41
- logger.log('extract element form region', settings.region);
41
+ logger.log('extract element from region', settings.region);
42
42
  const region = await driver.element(settings.region).catch(error => logger.log(error));
43
43
  if (!region) {
44
44
  throw new Error('region not found');
@@ -63,7 +63,7 @@ async function extractMobileElementsIntoCheckSettings({ settings, driver, logger
63
63
  if (!settings[`${regionType}Regions`])
64
64
  return obj;
65
65
  obj[`${regionType}Regions`] = (await Promise.all((_b = (_a = settings[`${regionType}Regions`]) === null || _a === void 0 ? void 0 : _a.flatMap(async (reference) => {
66
- logger.log('extract element form region', reference);
66
+ logger.log('extract element from region', reference);
67
67
  const { region } = utils.types.has(reference, 'region') ? reference : { region: reference };
68
68
  const handleRegion = new Set();
69
69
  const elements = await driver.elements(region).catch(error => logger.log(error));
@@ -355,7 +355,7 @@ async function takeNMLScreenshot({ driver, settings, environments, logger, eyes,
355
355
  aggregateCalculatedRegions.push({ regions, selector: reference });
356
356
  }
357
357
  else {
358
- logger.log(`Regions "${reference}" was not found in the screenshot`);
358
+ logger.log(`Regions "${JSON.stringify(reference)}" was not found in the screenshot`);
359
359
  }
360
360
  });
361
361
  if ((_a = baseTarget.dom) === null || _a === void 0 ? void 0 : _a.error) {
@@ -38,6 +38,7 @@ const utils = __importStar(require("@applitools/utils"));
38
38
  const merge_configs_1 = require("./merge-configs");
39
39
  const format_results_1 = require("../utils/format-results");
40
40
  const throat_1 = __importDefault(require("throat"));
41
+ const throttledReadFile = (0, throat_1.default)(Number(process.env.APPLITOOLS_FILE_READING_CONCURRENCY) || 200, fs_1.default.promises.readFile);
41
42
  function getConsoleLogLimit() {
42
43
  var _a;
43
44
  return (_a = utils.general.getEnvValue('OFFLINE_LOG_LIMIT', 'number')) !== null && _a !== void 0 ? _a : 20;
@@ -127,45 +128,97 @@ async function runOfflineSnapshots(options) {
127
128
  const environment = await ufgClient.getActualEnvironment({
128
129
  settings: { environment: openSettings.environment.requested },
129
130
  });
131
+ const closeSettings = await getCloseSettings(testPath);
132
+ let resultsGetter;
133
+ if (closeSettings) {
134
+ const targets = await getCheckTargets(testPath, logger);
135
+ const uploadResourcePromise = uploadResources(targets, logger).then(() => logger.log('uploaded resources for test', testPath));
136
+ if (targets.length === 1) {
137
+ logger.log('only one check found for test', testPath);
138
+ await uploadResourcePromise;
139
+ const target = targets[0];
140
+ resultsGetter = await runOpenCheckAndClose({
141
+ ...target,
142
+ settings: {
143
+ ...(0, merge_configs_1.mergeConfigs)((0, merge_configs_1.mergeConfigs)(closeSettings, openSettings), target.settings),
144
+ ...account.eyesServer,
145
+ environment: {
146
+ ...openSettings.environment,
147
+ ...target.settings.environment,
148
+ },
149
+ },
150
+ }, logger, environment);
151
+ logger.log('finished running checks for test', testPath);
152
+ }
153
+ else {
154
+ const eyes = await openEyes(openSettings, environment, logger);
155
+ logger.log('opened eyes for test', testPath);
156
+ await uploadResourcePromise;
157
+ const lastTarget = targets.pop();
158
+ await Promise.all(targets.map((target, index) => runCheck(eyes, target, index, logger)));
159
+ if (lastTarget) {
160
+ lastTarget.settings = (0, merge_configs_1.mergeConfigs)(lastTarget.settings, closeSettings);
161
+ await runCheckAndClose(eyes, lastTarget, targets.length - 1, logger);
162
+ logger.log('finished running checks for test', testPath);
163
+ }
164
+ else {
165
+ logger.log('no checks found for test', testPath);
166
+ // on empty test, `checkAndClose` will not be called so we need to call `close` instead
167
+ await eyes.close({ settings: closeSettings });
168
+ }
169
+ resultsGetter = eyes;
170
+ }
171
+ }
172
+ else {
173
+ logger.log('no close settings found for test - aborting test', testPath);
174
+ resultsGetter = await makeAbortedTest(openSettings, environment, logger);
175
+ }
176
+ logger.log('done running test', testPath);
177
+ return { batchId: openSettings.batch.id, results: (await resultsGetter.getResults({ logger }))[0] };
178
+ }
179
+ async function getCloseSettings(testPath) {
180
+ const closeSettingsPath = path_1.default.resolve(testPath, 'close.json');
181
+ if (fs_1.default.existsSync(closeSettingsPath)) {
182
+ const fileCloseSettings = await throttledReadFile(closeSettingsPath, 'utf-8').then(JSON.parse);
183
+ const closeSettings = (0, merge_configs_1.mergeConfigs)(fileCloseSettings, options.config.close);
184
+ return closeSettings;
185
+ }
186
+ return undefined;
187
+ }
188
+ async function getCheckTargets(testPath, logger) {
189
+ const checkFolders = (await fs_1.default.promises.readdir(testPath)).filter(folderpath => folderpath.startsWith('check-'));
190
+ logger.log('check folders', checkFolders);
191
+ const targets = await Promise.all(checkFolders.map(async (checkFolder) => {
192
+ const snapshot = await fs_1.default.promises
193
+ .readFile(path_1.default.resolve(testPath, checkFolder, 'snapshot.json'), 'utf-8')
194
+ .then(JSON.parse);
195
+ snapshot.settings.environment.environmentId = utils.general.guid();
196
+ return snapshot;
197
+ }));
198
+ return targets;
199
+ }
200
+ async function makeAbortedTest(openSettings, environment, logger) {
201
+ const eyes = await openEyes(openSettings, environment, logger);
202
+ await eyes.abort({
203
+ settings: {
204
+ reason: 'internal',
205
+ },
206
+ });
207
+ return eyes;
208
+ }
209
+ async function openEyes(settings, environment, logger) {
130
210
  const eyes = await core.base.openEyes({
131
211
  settings: {
132
- ...openSettings,
212
+ ...settings,
133
213
  environment: {
134
- ...openSettings.environment,
214
+ ...settings.environment,
135
215
  ...environment,
136
216
  },
137
217
  ...account.eyesServer,
138
218
  },
139
219
  logger,
140
220
  });
141
- const closeSettingsPath = path_1.default.resolve(testPath, 'close.json');
142
- if (fs_1.default.existsSync(closeSettingsPath)) {
143
- const checkFolders = (await fs_1.default.promises.readdir(testPath)).filter(folderpath => folderpath.startsWith('check-'));
144
- logger.log('running checks for test', testPath, ':', checkFolders);
145
- const targets = await Promise.all(checkFolders.map(async (checkFolder) => {
146
- const snapshot = await fs_1.default.promises
147
- .readFile(path_1.default.resolve(testPath, checkFolder, 'snapshot.json'), 'utf-8')
148
- .then(JSON.parse);
149
- snapshot.settings.environment.environmentId = utils.general.guid();
150
- return snapshot;
151
- }));
152
- await uploadResources(targets, logger);
153
- // logger.log('resource hashes for test', testFolder, ':', resourceHashes)
154
- logger.log('uploaded resources for test', testPath);
155
- await Promise.all(targets.map((target, index) => runCheck(eyes, target, index, logger)));
156
- const fileCloseSettings = await fs_1.default.promises.readFile(closeSettingsPath, 'utf-8').then(JSON.parse);
157
- const closeSettings = (0, merge_configs_1.mergeConfigs)(fileCloseSettings, options.config.close);
158
- await eyes.close({ settings: closeSettings });
159
- }
160
- else {
161
- await eyes.abort({
162
- settings: {
163
- reason: 'internal',
164
- },
165
- });
166
- }
167
- logger.log('done running test', testPath);
168
- return { batchId: openSettings.batch.id, results: (await eyes.getResults({ logger }))[0] };
221
+ return eyes;
169
222
  }
170
223
  async function uploadResources(targets, logger) {
171
224
  const uploadLogger = logger.extend({ tags: ['upload-resources'] });
@@ -176,7 +229,7 @@ async function runOfflineSnapshots(options) {
176
229
  const contentfuleResource = {
177
230
  id: '',
178
231
  url: '',
179
- value: await fs_1.default.promises.readFile(path_1.default.join(offlineLocationPath, 'resources', resource.hash)),
232
+ value: await throttledReadFile(path_1.default.join(offlineLocationPath, 'resources', resource.hash)),
180
233
  contentType: resource.contentType,
181
234
  hash: resource,
182
235
  };
@@ -186,7 +239,7 @@ async function runOfflineSnapshots(options) {
186
239
  resource: {
187
240
  id: '',
188
241
  url: '',
189
- value: await fs_1.default.promises.readFile(path_1.default.join(offlineLocationPath, 'resources', target.snapshot.hash)),
242
+ value: await throttledReadFile(path_1.default.join(offlineLocationPath, 'resources', target.snapshot.hash)),
190
243
  contentType: target.snapshot.contentType,
191
244
  hash: target.snapshot,
192
245
  },
@@ -202,6 +255,53 @@ async function runOfflineSnapshots(options) {
202
255
  async function runCheck(eyes, target, index, logger) {
203
256
  var _a;
204
257
  const checkLogger = logger.extend({ tags: [`check-${index}`] });
258
+ const { mergedCheckSettings, baseTarget } = await render(target, checkLogger);
259
+ (_a = mergedCheckSettings.stepIndex) !== null && _a !== void 0 ? _a : (mergedCheckSettings.stepIndex = index);
260
+ await eyes.check({
261
+ target: { ...baseTarget, isTransformed: true },
262
+ settings: mergedCheckSettings,
263
+ logger: checkLogger,
264
+ });
265
+ logger.log('check finished', mergedCheckSettings);
266
+ return eyes;
267
+ }
268
+ async function runCheckAndClose(eyes, target, index, logger) {
269
+ var _a;
270
+ const checkLogger = logger.extend({ tags: [`check-${index}`] });
271
+ const { mergedCheckSettings, baseTarget } = await render(target, checkLogger);
272
+ (_a = mergedCheckSettings.stepIndex) !== null && _a !== void 0 ? _a : (mergedCheckSettings.stepIndex = index);
273
+ await eyes.checkAndClose({
274
+ target: { ...baseTarget, isTransformed: true },
275
+ settings: mergedCheckSettings,
276
+ logger: checkLogger,
277
+ });
278
+ logger.log('checkAndClose finished', mergedCheckSettings);
279
+ return eyes;
280
+ }
281
+ async function runOpenCheckAndClose(target, logger, actualEnvironment) {
282
+ const checkLogger = logger.extend({ tags: ['open-check-and-close'] });
283
+ const { mergedCheckSettings, baseTarget } = await render(target, checkLogger);
284
+ const settings = (0, merge_configs_1.mergeConfigs)(target.settings, mergedCheckSettings);
285
+ return core.base.openCheckAndCloseEyes({
286
+ target: { ...baseTarget, isTransformed: true },
287
+ settings: {
288
+ ...settings,
289
+ environment: {
290
+ ...settings.environment,
291
+ ...actualEnvironment,
292
+ },
293
+ },
294
+ logger: checkLogger,
295
+ heartbeat: {
296
+ processId: '',
297
+ startPeriodicHeartbeatMessaging(settings) {
298
+ logger.log('heartbeat is not used (offline)', settings);
299
+ },
300
+ },
301
+ });
302
+ }
303
+ async function render(target, logger) {
304
+ var _a;
205
305
  const { elementReferences: selectors, getBaseCheckSettings } = (0, to_base_check_settings_1.toBaseCheckSettings)({
206
306
  settings: target.settings,
207
307
  });
@@ -217,7 +317,7 @@ async function runOfflineSnapshots(options) {
217
317
  uploadUrl: account.uploadUrl,
218
318
  stitchingServiceUrl: account.stitchingServiceUrl,
219
319
  },
220
- logger: checkLogger,
320
+ logger,
221
321
  });
222
322
  const baseSettings = getBaseCheckSettings({
223
323
  calculatedRegions: selectors.calculate.map((_, index) => {
@@ -228,15 +328,11 @@ async function runOfflineSnapshots(options) {
228
328
  }),
229
329
  });
230
330
  baseSettings.renderId = renderId;
231
- baseSettings.stepIndex = index;
331
+ // baseSettings.stepIndex = index
232
332
  baseTarget.source = target.target.source; // TODO verify
233
333
  // baseTarget.name = snapshot.title // TODO figure out
234
334
  const mergedCheckSettings = (0, merge_configs_1.mergeConfigs)(baseSettings, options.config.check);
235
- await eyes.check({
236
- target: { ...baseTarget, isTransformed: true },
237
- settings: mergedCheckSettings,
238
- logger: checkLogger,
239
- });
335
+ return { mergedCheckSettings, baseTarget };
240
336
  }
241
337
  }
242
338
  exports.runOfflineSnapshots = runOfflineSnapshots;
package/dist/ufg/check.js CHANGED
@@ -174,6 +174,12 @@ function makeCheck({ eyes, target: defaultTarget, environments: defaultEnvironme
174
174
  },
175
175
  });
176
176
  }
177
+ try {
178
+ logInvalidSettings(logger, settings);
179
+ }
180
+ catch (err) {
181
+ logger.log('Failed to log invalid check settings', err);
182
+ }
177
183
  await baseEyes.check({
178
184
  target: { ...baseTarget, isTransformed: true },
179
185
  settings: baseSettings,
@@ -204,3 +210,14 @@ function makeCheck({ eyes, target: defaultTarget, environments: defaultEnvironme
204
210
  };
205
211
  }
206
212
  exports.makeCheck = makeCheck;
213
+ function logInvalidSettings(logger, settings) {
214
+ const invalidKeys = ['overlap', 'scrollRootElement', 'stitchMode'];
215
+ if (!settings)
216
+ return;
217
+ const invalidEntries = Object.entries(settings)
218
+ .filter(([key]) => invalidKeys.includes(key))
219
+ .filter(([_, value]) => value !== undefined);
220
+ if (invalidEntries.length > 0) {
221
+ logger.warn('Warning - Invalid keys in check settings (will be ignored):', { settings, invalidEntries });
222
+ }
223
+ }
@@ -54,36 +54,50 @@ async function takeDomSnapshots({ driver, settings, hooks, provides, logger, })
54
54
  return Array(settings.environments.length).fill(snapshot);
55
55
  }
56
56
  const isStrictBreakpoints = utils.types.isArray((_b = settings.layoutBreakpoints) === null || _b === void 0 ? void 0 : _b.breakpoints);
57
- const requiredWidths = await settings.environments.reduce(async (prev, environment, index) => {
58
- const { name, width } = (await extractEnvironmentInfo(environment));
59
- const requiredWidths = await prev;
60
- const requiredWidth = isStrictBreakpoints
61
- ? calculateBreakpoint({ breakpoints: settings.layoutBreakpoints.breakpoints, value: width })
62
- : width;
63
- let environments = requiredWidths.get(requiredWidth);
57
+ const initialViewportSize = await driver.getViewportSize();
58
+ const requiredSizes = await settings.environments.reduce(async (prev, environment, index) => {
59
+ var _a;
60
+ const { name, width, height } = (await extractEnvironmentInfo(environment));
61
+ const requiredSizes = await prev;
62
+ let requiredSize;
63
+ if ((_a = settings.layoutBreakpoints) === null || _a === void 0 ? void 0 : _a.heightBreakpoints) {
64
+ const requiredWidth = settings.layoutBreakpoints.breakpoints ? width : initialViewportSize.width;
65
+ requiredSize = `${requiredWidth},${height}`;
66
+ }
67
+ else {
68
+ const requiredWidth = isStrictBreakpoints
69
+ ? calculateBreakpoint({ breakpoints: settings.layoutBreakpoints.breakpoints, value: width })
70
+ : width;
71
+ requiredSize = `${requiredWidth},${initialViewportSize.height}`;
72
+ }
73
+ let environments = requiredSizes.get(requiredSize);
64
74
  if (!environments)
65
- requiredWidths.set(requiredWidth, (environments = []));
66
- environments.push({ name, width, index });
67
- return requiredWidths;
75
+ requiredSizes.set(requiredSize, (environments = []));
76
+ environments.push({ name, width, height, index });
77
+ return requiredSizes;
68
78
  }, Promise.resolve(new Map()));
69
79
  const smallestBreakpoint = Math.min(...(isStrictBreakpoints ? settings.layoutBreakpoints.breakpoints : []));
70
- if (isStrictBreakpoints && requiredWidths.has(smallestBreakpoint - 1)) {
80
+ const smallestSize = `${smallestBreakpoint - 1},${initialViewportSize.height}`;
81
+ if (isStrictBreakpoints && requiredSizes.has(smallestSize)) {
71
82
  const message = lang.requestedEnvironmentSmallerThenBreakpointWarning({
72
83
  breakpoint: smallestBreakpoint,
73
- browsers: requiredWidths.get(smallestBreakpoint - 1),
84
+ browsers: requiredSizes.get(smallestSize),
74
85
  });
75
86
  logger.console.log(chalk_1.default.yellow(message));
76
87
  }
77
- logger.log(`Taking multiple dom snapshots for the breakpoints`, settings.layoutBreakpoints);
78
- const initialViewportSize = await driver.getViewportSize();
88
+ logger.log(`Taking multiple dom snapshots for the breakpoints`, isStrictBreakpoints ? settings.layoutBreakpoints : requiredSizes);
79
89
  const entries = [];
80
- const initialsBrowsers = requiredWidths.get(initialViewportSize.width);
90
+ const initialSize = `${initialViewportSize.width},${initialViewportSize.height}`;
91
+ const initialsBrowsers = requiredSizes.get(initialSize);
81
92
  if (initialsBrowsers) {
82
93
  logger.log(`The first dom snapshot is going to be taking for initial viewport size`, initialViewportSize);
83
- requiredWidths.delete(initialViewportSize.width);
94
+ requiredSizes.delete(initialSize);
84
95
  entries.push({ browsers: initialsBrowsers });
85
96
  }
86
- requiredWidths.forEach((browsers, requiredWidth) => entries.push({ viewportSize: { width: requiredWidth, height: initialViewportSize.height }, browsers }));
97
+ requiredSizes.forEach((browsers, requiredSize) => {
98
+ const [requiredWidth, requiredHeight] = requiredSize.split(',').map(Number);
99
+ entries.push({ viewportSize: { width: requiredWidth, height: requiredHeight }, browsers });
100
+ });
87
101
  logger.log(`All entries to take dom snapshots for`, entries);
88
102
  // making safe selectors before any resize in order to make sure fallback selectors are created
89
103
  await (0, generate_safe_selectors_1.generateSafeSelectors)({
@@ -70,7 +70,7 @@ exports.extractGitBranch = utils.general.cachify(async function ({ execOptions,
70
70
  return process.env.GITHUB_HEAD_REF;
71
71
  }
72
72
  if (process.env.GITHUB_REF) {
73
- return process.env.GITHUB_REF.split('/')[2]; // refs/heads/<branch_name>
73
+ return process.env.GITHUB_REF.split('/').splice(2).join('/'); // refs/heads/<branch_name>
74
74
  }
75
75
  const result = await executeWithLog('git branch --show-current', { execOptions, logger });
76
76
  if (result.stderr) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@applitools/core",
3
- "version": "4.37.0-debug-20250429-2",
3
+ "version": "4.37.0-debug-20250430-1",
4
4
  "homepage": "https://applitools.com",
5
5
  "bugs": {
6
6
  "url": "https://github.com/applitools/eyes.sdk.javascript1/issues"
@@ -75,7 +75,7 @@
75
75
  }
76
76
  },
77
77
  "dependencies": {
78
- "@applitools/core-base": "1.24.0-debug-20250429",
78
+ "@applitools/core-base": "1.24.0-debug-20250429-1",
79
79
  "@applitools/dom-capture": "11.5.5",
80
80
  "@applitools/dom-snapshot": "4.11.18",
81
81
  "@applitools/driver": "1.21.1",
@@ -1 +1 @@
1
- export declare function mergeConfigs<TBase extends Record<string, any>>(base: TBase, other: Record<string, any>): TBase;
1
+ export declare function mergeConfigs<TBase extends Record<string, any>, TBase2 extends Record<string, any>>(base: TBase, other: TBase2): TBase & TBase2;
@@ -19,6 +19,7 @@ export declare function makeCheckAndClose<TSpec extends SpecType>({ eyes, target
19
19
  disableBrowserFetching?: boolean | undefined;
20
20
  layoutBreakpoints?: {
21
21
  breakpoints: boolean | number[];
22
+ heightBreakpoints?: boolean | undefined;
22
23
  reload?: boolean | undefined;
23
24
  } | undefined;
24
25
  hooks?: {
@@ -54,6 +54,7 @@ export type SnapshotSettings<TSpec extends SpecType> = AutomationCore.CheckSetti
54
54
  disableBrowserFetching?: boolean;
55
55
  layoutBreakpoints?: {
56
56
  breakpoints: number[] | boolean;
57
+ heightBreakpoints?: boolean;
57
58
  reload?: boolean;
58
59
  };
59
60
  hooks?: {
@@ -10,6 +10,7 @@ export type DomSnapshotsSettings<TSpec extends SpecType> = DomSnapshotSettings<T
10
10
  waitBeforeCapture?: number | (() => Promise<void>);
11
11
  layoutBreakpoints?: {
12
12
  breakpoints: number[] | boolean;
13
+ heightBreakpoints?: boolean;
13
14
  reload?: boolean;
14
15
  };
15
16
  lazyLoad?: boolean | LazyLoadOptions;