@percy/core 1.28.1 → 1.28.2-beta.0

package/dist/config.js

@@ -199,6 +199,9 @@ export const configSchema = {
         type: 'boolean',
         default: false
       },
+      captureSrcset: {
+        type: 'boolean'
+      },
       requestHeaders: {
         type: 'object',
         normalize: false,
@@ -346,6 +349,9 @@ export const snapshotSchema = {
             captureMockedServiceWorker: {
               $ref: '/config/discovery#/properties/captureMockedServiceWorker'
             },
+            captureSrcset: {
+              $ref: '/config/discovery#/properties/captureSrcset'
+            },
             userAgent: {
               $ref: '/config/discovery#/properties/userAgent'
             },

package/dist/discovery.js

@@ -44,6 +44,7 @@ function debugSnapshotOptions(snapshot) {
   debugProp(snapshot, 'discovery.authorization', JSON.stringify);
   debugProp(snapshot, 'discovery.disableCache');
   debugProp(snapshot, 'discovery.captureMockedServiceWorker');
+  debugProp(snapshot, 'discovery.captureSrcset');
   debugProp(snapshot, 'discovery.userAgent');
   debugProp(snapshot, 'clientInfo');
   debugProp(snapshot, 'environmentInfo');
@@ -193,6 +194,14 @@ async function* captureSnapshotResources(page, snapshot, options) {
     yield page.evaluate(snapshot.execute.afterNavigation);
   }
 
+  // Running before page idle since this will trigger many network calls
+  // so need to run as early as possible. plus it is just reading urls from dom srcset
+  // which will be already loaded after navigation complete
+  if (discovery.captureSrcset) {
+    await page.insertPercyDom();
+    yield page.eval('window.PercyDOM.loadAllSrcsetLinks()');
+  }
+
   // iterate over additional snapshots for proper DOM capturing
   for (let additionalSnapshot of [baseSnapshot, ...additionalSnapshots]) {
     let isBaseSnapshot = additionalSnapshot === baseSnapshot;

package/dist/page.js

@@ -131,6 +131,16 @@ export class Page {
     });
     for (let script of scripts) await this.eval(script);
   }
+  async insertPercyDom() {
+    // inject @percy/dom for serialization by evaluating the file contents which adds a global
+    // PercyDOM object that we can later check against
+    /* istanbul ignore next: no instrumenting injected code */
+    if (await this.eval(() => !window.PercyDOM)) {
+      this.log.debug('Inject @percy/dom', this.meta);
+      let script = await fs.promises.readFile(PERCY_DOM, 'utf-8');
+      await this.eval(new Function(script)); /* eslint-disable-line no-new-func */
+    }
+  }
 
   // Takes a snapshot after waiting for any timeout, waiting for any selector, executing any
   // scripts, and waiting for the network idle. Returns all other provided snapshot options along
@@ -171,15 +181,7 @@ export class Page {
 
     // wait for any final network activity before capturing the dom snapshot
     await this.network.idle();
-
-    // inject @percy/dom for serialization by evaluating the file contents which adds a global
-    // PercyDOM object that we can later check against
-    /* istanbul ignore next: no instrumenting injected code */
-    if (await this.eval(() => !window.PercyDOM)) {
-      this.log.debug('Inject @percy/dom', this.meta);
-      let script = await fs.promises.readFile(PERCY_DOM, 'utf-8');
-      await this.eval(new Function(script)); /* eslint-disable-line no-new-func */
-    }
+    await this.insertPercyDom();
 
     // serialize and capture a DOM snapshot
     this.log.debug('Serialize DOM', this.meta);

package/dist/snapshot.js

@@ -128,6 +128,7 @@ function getSnapshotOptions(options, {
       authorization: config.discovery.authorization,
       disableCache: config.discovery.disableCache,
       captureMockedServiceWorker: config.discovery.captureMockedServiceWorker,
+      captureSrcset: config.discovery.captureSrcset,
       userAgent: config.discovery.userAgent
     }
   }, options], (path, prev, next) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/core",
-  "version": "1.28.1",
+  "version": "1.28.2-beta.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -9,7 +9,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "tag": "latest"
+    "tag": "beta"
   },
   "engines": {
     "node": ">=14"
@@ -43,11 +43,11 @@
     "test:types": "tsd"
   },
   "dependencies": {
-    "@percy/client": "1.28.1",
-    "@percy/config": "1.28.1",
-    "@percy/dom": "1.28.1",
-    "@percy/logger": "1.28.1",
-    "@percy/webdriver-utils": "1.28.1",
+    "@percy/client": "1.28.2-beta.0",
+    "@percy/config": "1.28.2-beta.0",
+    "@percy/dom": "1.28.2-beta.0",
+    "@percy/logger": "1.28.2-beta.0",
+    "@percy/webdriver-utils": "1.28.2-beta.0",
     "content-disposition": "^0.5.4",
     "cross-spawn": "^7.0.3",
     "extract-zip": "^2.0.1",
@@ -58,5 +58,5 @@
     "rimraf": "^3.0.2",
     "ws": "^8.0.0"
   },
-  "gitHead": "f3b0fad3c511fe9eea44eef939195a9d0310216b"
+  "gitHead": "0519aa061bd36acd0852b961e24c05b9ad67274f"
 }

package/types/index.d.ts

@@ -19,6 +19,7 @@ interface DiscoveryOptions {
   allowedHostnames?: string[];
   disableCache?: boolean;
   captureMockedServiceWorker?: boolean;
+  captureSrcset?: boolean;
 }
 
 interface ScopeOptions {