@checkly/playwright-core 1.48.22 → 1.51.11-beta.1

package/lib/server/registry/oopDownloadBrowserMain.js

@@ -2,10 +2,10 @@
 
 var _fs = _interopRequireDefault(require("fs"));
 var _path = _interopRequireDefault(require("path"));
-var _network = require("../../utils/network");
-var _manualPromise = require("../../utils/manualPromise");
+var _manualPromise = require("../../utils/isomorphic/manualPromise");
+var _network = require("../utils/network");
 var _zipBundle = require("../../zipBundle");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) Microsoft Corporation.
  *

package/lib/server/screenshotter.js

@@ -7,7 +7,7 @@ exports.Screenshotter = void 0;
 exports.validateScreenshotOptions = validateScreenshotOptions;
 var _helper = require("./helper");
 var _utils = require("../utils");
-var _multimap = require("../utils/multimap");
+var _multimap = require("../utils/isomorphic/multimap");
 /**
  * Copyright 2019 Google Inc. All rights reserved.
  * Modifications copyright (c) Microsoft Corporation.

package/lib/server/selectors.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Selectors = void 0;
+var _crypto = require("./utils/crypto");
 var _selectorParser = require("../utils/isomorphic/selectorParser");
-var _utils = require("../utils");
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -27,10 +27,10 @@ class Selectors {
     this._builtinEngines = void 0;
     this._builtinEnginesInMainWorld = void 0;
     this._engines = void 0;
-    this.guid = `selectors@${(0, _utils.createGuid)()}`;
+    this.guid = `selectors@${(0, _crypto.createGuid)()}`;
     this._testIdAttributeName = 'data-testid';
     // Note: keep in sync with InjectedScript class.
-    this._builtinEngines = new Set(['css', 'css:light', 'xpath', 'xpath:light', '_react', '_vue', 'text', 'text:light', 'id', 'id:light', 'data-testid', 'data-testid:light', 'data-test-id', 'data-test-id:light', 'data-test', 'data-test:light', 'nth', 'visible', 'internal:control', 'internal:has', 'internal:has-not', 'internal:has-text', 'internal:has-not-text', 'internal:and', 'internal:or', 'internal:chain', 'role', 'internal:attr', 'internal:label', 'internal:text', 'internal:role', 'internal:testid']);
+    this._builtinEngines = new Set(['css', 'css:light', 'xpath', 'xpath:light', '_react', '_vue', 'text', 'text:light', 'id', 'id:light', 'data-testid', 'data-testid:light', 'data-test-id', 'data-test-id:light', 'data-test', 'data-test:light', 'nth', 'visible', 'internal:control', 'internal:has', 'internal:has-not', 'internal:has-text', 'internal:has-not-text', 'internal:and', 'internal:or', 'internal:chain', 'role', 'internal:attr', 'internal:label', 'internal:text', 'internal:role', 'internal:testid', 'internal:aria-id']);
     this._builtinEnginesInMainWorld = new Set(['_react', '_vue']);
     this._engines = new Map();
   }

package/lib/server/socksClientCertificatesInterceptor.js

@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.ClientCertificatesProxy = void 0;
 exports.getMatchingTLSOptionsForOrigin = getMatchingTLSOptionsForOrigin;
 exports.rewriteOpenSSLErrorIfNeeded = rewriteOpenSSLErrorIfNeeded;
-var _net = _interopRequireDefault(require("net"));
+var _events = require("events");
 var _http = _interopRequireDefault(require("http2"));
-var _tls = _interopRequireDefault(require("tls"));
+var _net = _interopRequireDefault(require("net"));
 var _stream = _interopRequireDefault(require("stream"));
-var _happyEyeballs = require("../utils/happy-eyeballs");
+var _tls = _interopRequireDefault(require("tls"));
+var _socksProxy = require("./utils/socksProxy");
 var _utils = require("../utils");
-var _socksProxy = require("../common/socksProxy");
-var _debugLogger = require("../utils/debugLogger");
-var _fetch = require("./fetch");
-var _events = require("events");
 var _browserContext = require("./browserContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _fetch = require("./fetch");
+var _debugLogger = require("./utils/debugLogger");
+var _happyEyeballs = require("./utils/happyEyeballs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) Microsoft Corporation.
  *

package/lib/server/socksInterceptor.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SocksInterceptor = void 0;
-var socks = _interopRequireWildcard(require("../common/socksProxy"));
 var _events = _interopRequireDefault(require("events"));
+var socks = _interopRequireWildcard(require("./utils/socksProxy"));
 var _validator = require("../protocol/validator");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _debug = require("./utils/debug");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -44,7 +45,8 @@ class SocksInterceptor {
             const validator = (0, _validator.findValidator)('SocksSupport', prop, 'Params');
             params = validator(params, '', {
               tChannelImpl: tChannelForSocks,
-              binary: 'toBase64'
+              binary: 'toBase64',
+              isUnderTest: _debug.isUnderTest
             });
             transport.send({
               id,
@@ -86,7 +88,8 @@ class SocksInterceptor {
       const validator = (0, _validator.findValidator)('SocksSupport', message.method, 'Event');
       const params = validator(message.params, '', {
         tChannelImpl: tChannelForSocks,
-        binary: 'fromBase64'
+        binary: 'fromBase64',
+        isUnderTest: _debug.isUnderTest
       });
       this._channel.emit(message.method, params);
       return true;

package/lib/server/storageScript.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.collect = collect;
+exports.restore = restore;
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+async function collect(serializers, isFirefox, recordIndexedDB) {
+  async function collectDB(dbInfo) {
+    if (!dbInfo.name) throw new Error('Database name is empty');
+    if (!dbInfo.version) throw new Error('Database version is unset');
+    function idbRequestToPromise(request) {
+      return new Promise((resolve, reject) => {
+        request.addEventListener('success', () => resolve(request.result));
+        request.addEventListener('error', () => reject(request.error));
+      });
+    }
+    function isPlainObject(v) {
+      const ctor = v === null || v === void 0 ? void 0 : v.constructor;
+      if (isFirefox) {
+        const constructorImpl = ctor === null || ctor === void 0 ? void 0 : ctor.toString();
+        if (constructorImpl.startsWith('function Object() {') && constructorImpl.includes('[native code]')) return true;
+      }
+      return ctor === Object;
+    }
+    function trySerialize(value) {
+      let trivial = true;
+      const encoded = serializers.serializeAsCallArgument(value, v => {
+        const isTrivial = isPlainObject(v) || Array.isArray(v) || typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean' || Object.is(v, null);
+        if (!isTrivial) trivial = false;
+        return {
+          fallThrough: v
+        };
+      });
+      if (trivial) return {
+        trivial: value
+      };
+      return {
+        encoded
+      };
+    }
+    const db = await idbRequestToPromise(indexedDB.open(dbInfo.name));
+    const transaction = db.transaction(db.objectStoreNames, 'readonly');
+    const stores = await Promise.all([...db.objectStoreNames].map(async storeName => {
+      const objectStore = transaction.objectStore(storeName);
+      const keys = await idbRequestToPromise(objectStore.getAllKeys());
+      const records = await Promise.all(keys.map(async key => {
+        const record = {};
+        if (objectStore.keyPath === null) {
+          const {
+            encoded,
+            trivial
+          } = trySerialize(key);
+          if (trivial) record.key = trivial;else record.keyEncoded = encoded;
+        }
+        const value = await idbRequestToPromise(objectStore.get(key));
+        const {
+          encoded,
+          trivial
+        } = trySerialize(value);
+        if (trivial) record.value = trivial;else record.valueEncoded = encoded;
+        return record;
+      }));
+      const indexes = [...objectStore.indexNames].map(indexName => {
+        const index = objectStore.index(indexName);
+        return {
+          name: index.name,
+          keyPath: typeof index.keyPath === 'string' ? index.keyPath : undefined,
+          keyPathArray: Array.isArray(index.keyPath) ? index.keyPath : undefined,
+          multiEntry: index.multiEntry,
+          unique: index.unique
+        };
+      });
+      return {
+        name: storeName,
+        records: records,
+        indexes,
+        autoIncrement: objectStore.autoIncrement,
+        keyPath: typeof objectStore.keyPath === 'string' ? objectStore.keyPath : undefined,
+        keyPathArray: Array.isArray(objectStore.keyPath) ? objectStore.keyPath : undefined
+      };
+    }));
+    return {
+      name: dbInfo.name,
+      version: dbInfo.version,
+      stores
+    };
+  }
+  return {
+    localStorage: Object.keys(localStorage).map(name => ({
+      name,
+      value: localStorage.getItem(name)
+    })),
+    indexedDB: recordIndexedDB ? await Promise.all((await indexedDB.databases()).map(collectDB)).catch(e => {
+      throw new Error('Unable to serialize IndexedDB: ' + e.message);
+    }) : undefined
+  };
+}
+async function restore(originState, serializers) {
+  var _originState$indexedD;
+  for (const {
+    name,
+    value
+  } of originState.localStorage || []) localStorage.setItem(name, value);
+  await Promise.all(((_originState$indexedD = originState.indexedDB) !== null && _originState$indexedD !== void 0 ? _originState$indexedD : []).map(async dbInfo => {
+    const openRequest = indexedDB.open(dbInfo.name, dbInfo.version);
+    openRequest.addEventListener('upgradeneeded', () => {
+      const db = openRequest.result;
+      for (const store of dbInfo.stores) {
+        var _store$keyPathArray;
+        const objectStore = db.createObjectStore(store.name, {
+          autoIncrement: store.autoIncrement,
+          keyPath: (_store$keyPathArray = store.keyPathArray) !== null && _store$keyPathArray !== void 0 ? _store$keyPathArray : store.keyPath
+        });
+        for (const index of store.indexes) {
+          var _index$keyPathArray;
+          objectStore.createIndex(index.name, (_index$keyPathArray = index.keyPathArray) !== null && _index$keyPathArray !== void 0 ? _index$keyPathArray : index.keyPath, {
+            unique: index.unique,
+            multiEntry: index.multiEntry
+          });
+        }
+      }
+    });
+    function idbRequestToPromise(request) {
+      return new Promise((resolve, reject) => {
+        request.addEventListener('success', () => resolve(request.result));
+        request.addEventListener('error', () => reject(request.error));
+      });
+    }
+
+    // after `upgradeneeded` finishes, `success` event is fired.
+    const db = await idbRequestToPromise(openRequest);
+    const transaction = db.transaction(db.objectStoreNames, 'readwrite');
+    await Promise.all(dbInfo.stores.map(async store => {
+      const objectStore = transaction.objectStore(store.name);
+      await Promise.all(store.records.map(async record => {
+        var _record$value, _record$key;
+        await idbRequestToPromise(objectStore.add((_record$value = record.value) !== null && _record$value !== void 0 ? _record$value : serializers.parseEvaluationResultValue(record.valueEncoded), (_record$key = record.key) !== null && _record$key !== void 0 ? _record$key : serializers.parseEvaluationResultValue(record.keyEncoded)));
+      }));
+    }));
+  })).catch(e => {
+    throw new Error('Unable to restore IndexedDB: ' + e.message);
+  });
+}

package/lib/server/timeoutSettings.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeoutSettings = exports.DEFAULT_TIMEOUT = exports.DEFAULT_LAUNCH_TIMEOUT = void 0;
+var _debug = require("./utils/debug");
+/**
+ * Copyright 2019 Google Inc. All rights reserved.
+ * Modifications copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Keep in sync with client.
+const DEFAULT_TIMEOUT = exports.DEFAULT_TIMEOUT = 30000;
+const DEFAULT_LAUNCH_TIMEOUT = exports.DEFAULT_LAUNCH_TIMEOUT = 3 * 60 * 1000; // 3 minutes
+
+class TimeoutSettings {
+  constructor(parent) {
+    this._parent = void 0;
+    this._defaultTimeout = void 0;
+    this._defaultNavigationTimeout = void 0;
+    this._parent = parent;
+  }
+  setDefaultTimeout(timeout) {
+    this._defaultTimeout = timeout;
+  }
+  setDefaultNavigationTimeout(timeout) {
+    this._defaultNavigationTimeout = timeout;
+  }
+  defaultNavigationTimeout() {
+    return this._defaultNavigationTimeout;
+  }
+  defaultTimeout() {
+    return this._defaultTimeout;
+  }
+  navigationTimeout(options) {
+    if (typeof options.timeout === 'number') return options.timeout;
+    if (this._defaultNavigationTimeout !== undefined) return this._defaultNavigationTimeout;
+    if ((0, _debug.debugMode)()) return 0;
+    if (this._defaultTimeout !== undefined) return this._defaultTimeout;
+    if (this._parent) return this._parent.navigationTimeout(options);
+    return DEFAULT_TIMEOUT;
+  }
+  timeout(options) {
+    if (typeof options.timeout === 'number') return options.timeout;
+    if ((0, _debug.debugMode)()) return 0;
+    if (this._defaultTimeout !== undefined) return this._defaultTimeout;
+    if (this._parent) return this._parent.timeout(options);
+    return DEFAULT_TIMEOUT;
+  }
+  static timeout(options) {
+    if (typeof options.timeout === 'number') return options.timeout;
+    if ((0, _debug.debugMode)()) return 0;
+    return DEFAULT_TIMEOUT;
+  }
+  static launchTimeout(options) {
+    if (typeof options.timeout === 'number') return options.timeout;
+    if ((0, _debug.debugMode)()) return 0;
+    return DEFAULT_LAUNCH_TIMEOUT;
+  }
+}
+exports.TimeoutSettings = TimeoutSettings;

package/lib/server/trace/recorder/snapshotter.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Snapshotter = void 0;
-var _browserContext = require("../../browserContext");
-var _page = require("../../page");
-var _eventsHelper = require("../../../utils/eventsHelper");
-var _debugLogger = require("../../../utils/debugLogger");
 var _snapshotterInjected = require("./snapshotterInjected");
-var _utils = require("../../../utils");
+var _time = require("../../../utils/isomorphic/time");
+var _crypto = require("../../utils/crypto");
+var _debugLogger = require("../../utils/debugLogger");
+var _eventsHelper = require("../../utils/eventsHelper");
 var _utilsBundle = require("../../../utilsBundle");
+var _browserContext = require("../../browserContext");
+var _page = require("../../page");
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -37,7 +38,7 @@ class Snapshotter {
     this._started = false;
     this._context = context;
     this._delegate = delegate;
-    const guid = (0, _utils.createGuid)();
+    const guid = (0, _crypto.createGuid)();
     this._snapshotStreamer = '__playwright_snapshot_streamer_' + guid;
   }
   started() {
@@ -81,21 +82,10 @@ class Snapshotter {
   dispose() {
     _eventsHelper.eventsHelper.removeEventListeners(this._eventListeners);
   }
-  async captureSnapshot(page, callId, snapshotName, element) {
+  async captureSnapshot(page, callId, snapshotName) {
     // Prepare expression synchronously.
     const expression = `window["${this._snapshotStreamer}"].captureSnapshot(${JSON.stringify(snapshotName)})`;
 
-    // In a best-effort manner, without waiting for it, mark target element.
-    element === null || element === void 0 || element.callFunctionNoReply((element, callId) => {
-      const customEvent = new CustomEvent('__playwright_target__', {
-        bubbles: true,
-        cancelable: true,
-        detail: callId,
-        composed: true
-      });
-      element.dispatchEvent(customEvent);
-    }, callId);
-
     // In each frame, in a non-stalling manner, capture the snapshots.
     const snapshots = page.frames().map(async frame => {
       const data = await frame.nonStallingRawEvaluateInExistingMainContext(expression).catch(e => _debugLogger.debugLogger.log('error', e));
@@ -110,7 +100,7 @@ class Snapshotter {
         doctype: data.doctype,
         html: data.html,
         viewport: data.viewport,
-        timestamp: (0, _utils.monotonicTime)(),
+        timestamp: (0, _time.monotonicTime)(),
         wallTime: data.wallTime,
         collectionTime: data.collectionTime,
         resourceOverrides: [],
@@ -123,7 +113,7 @@ class Snapshotter {
       } of data.resourceOverrides) {
         if (typeof content === 'string') {
           const buffer = Buffer.from(content);
-          const sha1 = (0, _utils.calculateSha1)(buffer) + '.' + (_utilsBundle.mime.getExtension(contentType) || 'dat');
+          const sha1 = (0, _crypto.calculateSha1)(buffer) + '.' + (_utilsBundle.mime.getExtension(contentType) || 'dat');
           this._delegate.onSnapshotterBlob({
             sha1,
             buffer

package/lib/server/trace/recorder/snapshotterInjected.js

@@ -35,6 +35,8 @@ function frameSnapshotStreamer(snapshotStreamer, removeNoScript) {
   const kTargetAttribute = '__playwright_target__';
   const kCustomElementsAttribute = '__playwright_custom_elements__';
   const kCurrentSrcAttribute = '__playwright_current_src__';
+  const kBoundingRectAttribute = '__playwright_bounding_rect__';
+  const kPopoverOpenAttribute = '__playwright_popover_open_';
 
   // Symbols for our own info on Nodes/StyleSheets.
   const kSnapshotFrameId = Symbol('__playwright_snapshot_frameid_');
@@ -112,11 +114,16 @@ function frameSnapshotStreamer(snapshotStreamer, removeNoScript) {
       });
     }
     _refreshListeners() {
-      document.addEventListener('__playwright_target__', event => {
+      document.addEventListener('__playwright_mark_target__', event => {
         if (!event.detail) return;
         const callId = event.detail;
         event.composedPath()[0].__playwright_target__ = callId;
       });
+      document.addEventListener('__playwright_unmark_target__', event => {
+        if (!event.detail) return;
+        const callId = event.detail;
+        if (event.composedPath()[0].__playwright_target__ === callId) delete event.composedPath()[0].__playwright_target__;
+      });
     }
     _interceptNativeMethod(obj, method, cb) {
       const native = obj[method];
@@ -348,6 +355,24 @@ function frameSnapshotStreamer(snapshotStreamer, removeNoScript) {
             expectValue(value);
             attrs[kSelectedAttribute] = value;
           }
+          if (nodeName === 'CANVAS' || nodeName === 'IFRAME' || nodeName === 'FRAME') {
+            const boundingRect = element.getBoundingClientRect();
+            const value = JSON.stringify({
+              left: boundingRect.left,
+              top: boundingRect.top,
+              right: boundingRect.right,
+              bottom: boundingRect.bottom
+            });
+            expectValue(kBoundingRectAttribute);
+            expectValue(value);
+            attrs[kBoundingRectAttribute] = value;
+          }
+          if (element.popover && element.matches && element.matches(':popover-open')) {
+            const value = 'true';
+            expectValue(kPopoverOpenAttribute);
+            expectValue(value);
+            attrs[kPopoverOpenAttribute] = value;
+          }
           if (element.scrollTop) {
             expectValue(kScrollTopAttribute);
             expectValue(element.scrollTop);