@percy/core 1.30.1 → 1.30.2-alpha.1

package/dist/discovery.js

@@ -75,7 +75,8 @@ function parseCookies(cookies) {
     return cookies.map(c => ({
       name: c.name,
       value: c.value,
-      secure: c.secure
+      secure: c.secure,
+      domain: c.domain
     }));
   }
   if (!(typeof cookies === 'string' && cookies !== '')) return null;
@@ -243,7 +244,7 @@ async function* captureSnapshotResources(page, snapshot, options) {
     mobile,
     captureForDevices
   } = options;
-  let cookies = (snapshot === null || snapshot === void 0 || (_snapshot$domSnapshot = snapshot.domSnapshot) === null || _snapshot$domSnapshot === void 0 ? void 0 : _snapshot$domSnapshot.cookies) || (snapshot === null || snapshot === void 0 || (_snapshot$domSnapshot2 = snapshot.domSnapshot) === null || _snapshot$domSnapshot2 === void 0 || (_snapshot$domSnapshot2 = _snapshot$domSnapshot2[0]) === null || _snapshot$domSnapshot2 === void 0 ? void 0 : _snapshot$domSnapshot2.cookies);
+  let cookies = ((_snapshot$domSnapshot = snapshot.domSnapshot) === null || _snapshot$domSnapshot === void 0 ? void 0 : _snapshot$domSnapshot.cookies) || ((_snapshot$domSnapshot2 = snapshot.domSnapshot) === null || _snapshot$domSnapshot2 === void 0 || (_snapshot$domSnapshot2 = _snapshot$domSnapshot2[0]) === null || _snapshot$domSnapshot2 === void 0 ? void 0 : _snapshot$domSnapshot2.cookies);
   cookies = parseCookies(cookies);
 
   // iterate over device to trigger reqeusts and capture other dpr width

package/dist/findRevision.sh

@@ -0,0 +1,37 @@
+#!/bin/bash
+
+function download_url {
+  if [[ "$OS" == "Linux" ]]; then
+    echo "https://www.googleapis.com/download/storage/v1/b/chromium-browser-snapshots/o/Linux_x64%2F${1}%2Fchrome-linux.zip?alt=media"
+  elif [[ "$OS" == "Mac" ]] || [[ "$OS" == "Mac_Arm" ]]; then
+    echo "https://www.googleapis.com/download/storage/v1/b/chromium-browser-snapshots/o/$OS%2F${1}%2Fchrome-mac.zip?alt=media"
+  elif [[ "$OS" == "Win" ]] || [[ "$OS" == "Win_x64" ]]; then
+    echo "https://www.googleapis.com/download/storage/v1/b/chromium-browser-snapshots/o/$OS%2F${1}%2Fchrome-win.zip?alt=media"
+  fi
+}
+
+function get_closest_rev {
+  while true; do
+    curl -I 2>/dev/null `download_url $REVISION` | head -1 | grep 404 >/dev/null
+    if (($? == 1)); then
+      break
+    fi
+    REVISION=$(($REVISION-1))
+  done
+  echo $REVISION
+}
+
+
+if (($# < 1)); then
+  printf "usage: \n"
+  printf "  ./get_chromuim [-r] rev    - will get chromium by revision\n"
+  exit 1
+fi
+
+export REVISION=$1
+
+for os in "Linux" "Mac" "Mac_Arm" "Win" "Win_x64";
+do
+  export OS=$os
+  echo "$OS" `get_closest_rev`
+done

package/dist/network.js

@@ -46,7 +46,7 @@ export class Network {
     session.on('Network.requestWillBeSent', this._handleRequestWillBeSent);
     session.on('Network.responseReceived', this._handleResponseReceived.bind(this, session));
     session.on('Network.eventSourceMessageReceived', this._handleEventSourceMessageReceived);
-    session.on('Network.loadingFinished', this._handleLoadingFinished);
+    session.on('Network.loadingFinished', this._handleLoadingFinished.bind(this, session));
     session.on('Network.loadingFailed', this._handleLoadingFailed);
     let commands = [session.send('Network.enable'), session.send('Network.setBypassServiceWorker', {
       bypass: !this.captureMockedServiceWorker
@@ -309,7 +309,7 @@ export class Network {
 
   // Called when a request has finished loading which triggers the this.onrequestfinished
   // callback. The request should have an associated response and be finished with any redirects.
-  _handleLoadingFinished = async event => {
+  _handleLoadingFinished = async (session, event) => {
     let {
       requestId
     } = event;
@@ -318,7 +318,7 @@ export class Network {
     let request = this.#requests.get(requestId);
     /* istanbul ignore if: race condition paranioa */
     if (!request) return;
-    await saveResponseResource(this, request);
+    await saveResponseResource(this, request, session);
     this._forgetRequest(request);
   };
 
@@ -441,10 +441,27 @@ async function sendResponseResource(network, request, session) {
 }
 
 // Make a new request with Node based on a network request
-function makeDirectRequest(network, request) {
+async function makeDirectRequest(network, request, session) {
   var _network$authorizatio;
+  const {
+    cookies
+  } = await session.send('Network.getCookies', {
+    urls: [request.url]
+  });
   let headers = {
-    ...request.headers
+    // add default browser
+    accept: '*/*',
+    'sec-fetch-site': 'same-origin',
+    'sec-fetch-mode': 'cors',
+    'sec-fetch-dest': 'font',
+    'sec-ch-ua': '"Chromium";v="123", "Google Chrome";v="123", "Not?A_Brand";v="99"',
+    'sec-ch-ua-mobile': '?0',
+    'sec-ch-ua-platform': '"macOS"',
+    'sec-fetch-user': '?1',
+    // add request fetched headers
+    ...request.headers,
+    // add applicable cookies
+    cookie: cookies.map(cookie => `${cookie.name}=${cookie.value}`).join('; ')
   };
   if ((_network$authorizatio = network.authorization) !== null && _network$authorizatio !== void 0 && _network$authorizatio.username) {
     // include basic authorization username and password
@@ -462,7 +479,7 @@ function makeDirectRequest(network, request) {
 }
 
 // Save a resource from a request, skipping it if specific paramters are not met
-async function saveResponseResource(network, request) {
+async function saveResponseResource(network, request, session) {
   let {
     disableCache,
     allowedHostnames,
@@ -514,7 +531,7 @@ async function saveResponseResource(network, request) {
       // so request them directly.
       if (mimeType !== null && mimeType !== void 0 && mimeType.includes('font') || detectedMime && detectedMime.includes('font')) {
         log.debug('- Requesting asset directly', meta);
-        body = await makeDirectRequest(network, request);
+        body = await makeDirectRequest(network, request, session);
         log.debug('- Got direct response', meta);
       }
       resource = createResource(url, body, mimeType, {

package/dist/timing.js

@@ -0,0 +1,21 @@
+import logger from '@percy/logger';
+export default class TimeIt {
+  log = logger('timer');
+  // returns a singleton instance
+  constructor() {
+    let {
+      instance = this
+    } = this.constructor;
+    this.constructor.instance = instance;
+    return instance;
+  }
+  async measure(name, identifier, callback) {
+    const startTime = Date.now();
+    try {
+      return await callback();
+    } finally {
+      const duration = Date.now() - startTime;
+      this.log.debug(`${name} - ${identifier} - ${duration / 1000}s`);
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/core",
-  "version": "1.30.1",
+  "version": "1.30.2-alpha.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -9,7 +9,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "tag": "latest"
+    "tag": "alpha"
   },
   "engines": {
     "node": ">=14"
@@ -43,11 +43,11 @@
     "test:types": "tsd"
   },
   "dependencies": {
-    "@percy/client": "1.30.1",
-    "@percy/config": "1.30.1",
-    "@percy/dom": "1.30.1",
-    "@percy/logger": "1.30.1",
-    "@percy/webdriver-utils": "1.30.1",
+    "@percy/client": "1.30.2-alpha.1",
+    "@percy/config": "1.30.2-alpha.1",
+    "@percy/dom": "1.30.2-alpha.1",
+    "@percy/logger": "1.30.2-alpha.1",
+    "@percy/webdriver-utils": "1.30.2-alpha.1",
     "content-disposition": "^0.5.4",
     "cross-spawn": "^7.0.3",
     "extract-zip": "^2.0.1",
@@ -60,5 +60,5 @@
     "ws": "^8.17.1",
     "yaml": "^2.4.1"
   },
-  "gitHead": "2f8fc42f57c3989de0c5ceca207854d8f66272d3"
+  "gitHead": "49e55e3851ae4b0fd489327cd980e352a440aa19"
 }

package/test/helpers/server.js

@@ -21,7 +21,7 @@ export function createTestServer({ default: defaultReply, ...replies }, port = 8
   server.route(async (req, res, next) => {
     let pathname = req.url.pathname;
     if (req.url.search) pathname += req.url.search;
-    server.requests.push(req.body ? [pathname, req.body] : [pathname]);
+    server.requests.push(req.body ? [pathname, req.body, req.headers] : [pathname, req.headers]);
     let reply = replies[pathname] || defaultReply;
     return reply ? await reply(req, res) : next();
   });