@checkly/playwright-core 1.47.20-alpha → 1.48.20

package/lib/server/har/harTracer.js

@@ -156,12 +156,22 @@ class HarTracer {
     if (this._started) this._delegate.onEntryStarted(harEntry);
   }
   _onAPIRequestFinished(event) {
+    var _event$body$length, _event$body;
     const harEntry = this._entryForRequest(event.requestEvent);
     if (!harEntry) return;
     harEntry.response.status = event.statusCode;
     harEntry.response.statusText = event.statusMessage;
     harEntry.response.httpVersion = event.httpVersion;
     harEntry.response.redirectURL = event.headers.location || '';
+    if (!this._options.omitServerIP) {
+      harEntry.serverIPAddress = event.serverIPAddress;
+      harEntry._serverPort = event.serverPort;
+    }
+    if (!this._options.omitTiming) {
+      harEntry.timings = event.timings;
+      this._computeHarEntryTotalTime(harEntry);
+    }
+    if (!this._options.omitSecurityDetails) harEntry._securityDetails = event.securityDetails;
     for (let i = 0; i < event.rawHeaders.length; i += 2) {
       harEntry.response.headers.push({
         name: event.rawHeaders[i],
@@ -178,6 +188,7 @@ class HarTracer {
     const contentType = event.headers['content-type'];
     if (contentType) content.mimeType = contentType;
     this._storeResponseContent(event.body, content, 'other');
+    if (!this._options.omitSizes) harEntry.response.bodySize = (_event$body$length = (_event$body = event.body) === null || _event$body === void 0 ? void 0 : _event$body.length) !== null && _event$body$length !== void 0 ? _event$body$length : 0;
     if (this._started) this._delegate.onEntryFinished(harEntry);
   }
   _onRequest(request) {

package/lib/server/input.js

@@ -189,7 +189,6 @@ class Mouse {
       x,
       y
     };
-    if (this._raw.click) return await this._raw.click(x, y, options);
     const {
       delay = null,
       clickCount = 1

package/lib/server/javascript.js

@@ -85,9 +85,6 @@ class ExecutionContext extends _instrumentation.SdkObject {
     }
     return this._utilityScriptPromise;
   }
-  async objectCount(objectId) {
-    return this._delegate.objectCount(objectId);
-  }
   async doSlowMo() {
     // overridden in FrameExecutionContext
   }
@@ -189,10 +186,6 @@ class JSHandle extends _instrumentation.SdkObject {
     this._preview = preview;
     if (this._previewCallback) this._previewCallback(preview);
   }
-  async objectCount() {
-    if (!this._objectId) throw new Error('Can only count objects for a handle that points to the constructor prototype');
-    return this._context.objectCount(this._objectId);
-  }
 }
 exports.JSHandle = JSHandle;
 async function evaluate(context, returnByValue, pageFunction, ...args) {

package/lib/server/page.js

@@ -285,6 +285,9 @@ class Page extends _instrumentation.SdkObject {
       return response;
     }), this._timeoutSettings.navigationTimeout(options));
   }
+  requestGC() {
+    return this._delegate.requestGC();
+  }
   registerLocatorHandler(selector, noWaitAfter) {
     const uid = ++this._lastLocatorHandlerUid;
     this._locatorHandlers.set(uid, {
@@ -324,7 +327,7 @@ class Page extends _instrumentation.SdkObject {
           progress.throwIfAborted();
           if (!handler.noWaitAfter) {
             progress.log(`  locator handler has finished, waiting for ${(0, _utils.asLocator)(this.attribution.playwright.options.sdkLanguage, handler.selector)} to be hidden`);
-            await this.mainFrame().waitForSelectorInternal(progress, handler.selector, {
+            await this.mainFrame().waitForSelectorInternal(progress, handler.selector, false, {
               state: 'hidden'
             });
           } else {
@@ -668,6 +671,7 @@ class PageBinding {
           context: page._browserContext
         }, handle);
       } else {
+        if (!Array.isArray(serializedArgs)) throw new Error(`serializedArgs is not an array. This can happen when Array.prototype.toJSON is defined incorrectly`);
         const args = serializedArgs.map(a => (0, _utilityScriptSerializers.parseEvaluationResultValue)(a));
         result = await binding.playwrightFunction({
           frame: context.frame,

package/lib/server/playwright.js

@@ -15,6 +15,7 @@ var _webkit = require("./webkit/webkit");
 var _instrumentation = require("./instrumentation");
 var _utils = require("../utils");
 var _debugController = require("./debugController");
+var _bidiChromium = require("./bidi/bidiChromium");
 var _bidiFirefox = require("./bidi/bidiFirefox");
 /**
  * Copyright (c) Microsoft Corporation.
@@ -42,9 +43,10 @@ class Playwright extends _instrumentation.SdkObject {
     this.chromium = void 0;
     this.android = void 0;
     this.electron = void 0;
-    this.bidi = void 0;
     this.firefox = void 0;
     this.webkit = void 0;
+    this.bidiChromium = void 0;
+    this.bidiFirefox = void 0;
     this.options = void 0;
     this.debugController = void 0;
     this._allPages = new Set();
@@ -61,7 +63,8 @@ class Playwright extends _instrumentation.SdkObject {
       }
     }, null);
     this.chromium = new _chromium.Chromium(this);
-    this.bidi = new _bidiFirefox.BidiFirefox(this);
+    this.bidiChromium = new _bidiChromium.BidiChromium(this);
+    this.bidiFirefox = new _bidiFirefox.BidiFirefox(this);
     this.firefox = new _firefox.Firefox(this);
     this.webkit = new _webkit.WebKit(this);
     this.electron = new _electron.Electron(this);

package/lib/server/recorder/contextRecorder.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.ContextRecorder = void 0;
 exports.generateFrameSelector = generateFrameSelector;
 var _events = require("events");
-var recorderSource = _interopRequireWildcard(require("../../generated/recorderSource"));
+var recorderSource = _interopRequireWildcard(require("../../generated/pollingRecorderSource"));
 var _utils = require("../../utils");
 var _timeoutRunner = require("../../utils/timeoutRunner");
 var _browserContext = require("../browserContext");
 var _languages = require("../codegen/languages");
 var _frames = require("../frames");
 var _page = require("../page");
-var _recorderRunner = require("./recorderRunner");
 var _throttledFile = require("./throttledFile");
 var _recorderCollection = require("./recorderCollection");
 var _language = require("../codegen/language");
@@ -36,14 +35,13 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 
 class ContextRecorder extends _events.EventEmitter {
-  constructor(context, params, delegate) {
+  constructor(codegenMode, context, params, delegate) {
     super();
     this._collection = void 0;
     this._pageAliases = new Map();
     this._lastPopupOrdinal = 0;
     this._lastDialogOrdinal = -1;
     this._lastDownloadOrdinal = -1;
-    this._timers = new Set();
     this._context = void 0;
     this._params = void 0;
     this._delegate = void 0;
@@ -51,6 +49,8 @@ class ContextRecorder extends _events.EventEmitter {
     this._throttledOutputFile = null;
     this._orderedLanguages = [];
     this._listeners = [];
+    this._codegenMode = void 0;
+    this._codegenMode = codegenMode;
     this._context = context;
     this._params = params;
     this._delegate = delegate;
@@ -63,7 +63,8 @@ class ContextRecorder extends _events.EventEmitter {
       browserName: context._browser.options.name,
       launchOptions: {
         headless: false,
-        ...params.launchOptions
+        ...params.launchOptions,
+        tracesDir: undefined
       },
       contextOptions: {
         ...params.contextOptions
@@ -71,8 +72,8 @@ class ContextRecorder extends _events.EventEmitter {
       deviceName: params.device,
       saveStorage: params.saveStorage
     };
-    const collection = new _recorderCollection.RecorderCollection(params.mode === 'recording');
-    collection.on('change', () => {
+    this._collection = new _recorderCollection.RecorderCollection(this._pageAliases);
+    this._collection.on('change', actions => {
       this._recorderSources = [];
       for (const languageGenerator of this._orderedLanguages) {
         var _this$_throttledOutpu;
@@ -81,7 +82,7 @@ class ContextRecorder extends _events.EventEmitter {
           footer,
           actionTexts,
           text
-        } = (0, _language.generateCode)(collection.actions(), languageGenerator, languageGeneratorOptions);
+        } = (0, _language.generateCode)(actions, languageGenerator, languageGeneratorOptions);
         const source = {
           isRecorded: true,
           label: languageGenerator.name,
@@ -100,7 +101,7 @@ class ContextRecorder extends _events.EventEmitter {
       }
       this.emit(ContextRecorder.Events.Change, {
         sources: this._recorderSources,
-        primaryFileName: this._orderedLanguages[0].id
+        actions
       });
     });
     context.on(_browserContext.BrowserContext.Events.BeforeClose, () => {
@@ -111,7 +112,7 @@ class ContextRecorder extends _events.EventEmitter {
       var _this$_throttledOutpu3;
       (_this$_throttledOutpu3 = this._throttledOutputFile) === null || _this$_throttledOutpu3 === void 0 || _this$_throttledOutpu3.flush();
     }));
-    this._collection = collection;
+    this.setEnabled(true);
   }
   setOutput(codegenId, outputFile) {
     var _this$_collection;
@@ -144,23 +145,29 @@ class ContextRecorder extends _events.EventEmitter {
   }
   setEnabled(enabled) {
     this._collection.setEnabled(enabled);
+    if (this._codegenMode === 'trace-events') {
+      if (enabled) this._context.tracing.startChunk({
+        name: 'trace',
+        title: 'trace'
+      }).catch(() => {});else this._context.tracing.stopChunk({
+        mode: 'discard'
+      }).catch(() => {});
+    }
   }
   dispose() {
-    for (const timer of this._timers) clearTimeout(timer);
-    this._timers.clear();
     _utils.eventsHelper.removeEventListeners(this._listeners);
   }
   async _onPage(page) {
     // First page is called page, others are called popup1, popup2, etc.
     const frame = page.mainFrame();
     page.on('close', () => {
-      this._collection.addAction({
+      this._collection.addRecordedAction({
         frame: this._describeMainFrame(page),
-        committed: true,
         action: {
           name: 'closePage',
           signals: []
-        }
+        },
+        startTime: (0, _utils.monotonicTime)()
       });
       this._pageAliases.delete(page);
     });
@@ -174,14 +181,14 @@ class ContextRecorder extends _events.EventEmitter {
     if (page.opener()) {
       this._onPopup(page.opener(), page);
     } else {
-      this._collection.addAction({
+      this._collection.addRecordedAction({
         frame: this._describeMainFrame(page),
-        committed: true,
         action: {
           name: 'openPage',
           url: page.mainFrame().url(),
           signals: []
-        }
+        },
+        startTime: (0, _utils.monotonicTime)()
       });
     }
   }
@@ -206,47 +213,23 @@ class ContextRecorder extends _events.EventEmitter {
   testIdAttributeName() {
     return this._params.testIdAttributeName || this._context.selectors().testIdAttributeName() || 'data-testid';
   }
-  async _performAction(frame, action) {
+  async _createActionInContext(frame, action) {
     var _this$_delegate$rewri, _this$_delegate;
-    // Commit last action so that no further signals are added to it.
-    this._collection.commitLastAction();
     const frameDescription = await this._describeFrame(frame);
     const actionInContext = {
       frame: frameDescription,
       action,
-      description: undefined
+      description: undefined,
+      startTime: (0, _utils.monotonicTime)()
     };
     await ((_this$_delegate$rewri = (_this$_delegate = this._delegate).rewriteActionInContext) === null || _this$_delegate$rewri === void 0 ? void 0 : _this$_delegate$rewri.call(_this$_delegate, this._pageAliases, actionInContext));
-    this._collection.willPerformAction(actionInContext);
-    const success = await (0, _recorderRunner.performAction)(this._pageAliases, actionInContext);
-    if (success) {
-      this._collection.didPerformAction(actionInContext);
-      this._setCommittedAfterTimeout(actionInContext);
-    } else {
-      this._collection.performedActionFailed(actionInContext);
-    }
+    return actionInContext;
   }
-  async _recordAction(frame, action) {
-    var _this$_delegate$rewri2, _this$_delegate2;
-    // Commit last action so that no further signals are added to it.
-    this._collection.commitLastAction();
-    const frameDescription = await this._describeFrame(frame);
-    const actionInContext = {
-      frame: frameDescription,
-      action,
-      description: undefined
-    };
-    await ((_this$_delegate$rewri2 = (_this$_delegate2 = this._delegate).rewriteActionInContext) === null || _this$_delegate$rewri2 === void 0 ? void 0 : _this$_delegate$rewri2.call(_this$_delegate2, this._pageAliases, actionInContext));
-    this._setCommittedAfterTimeout(actionInContext);
-    this._collection.addAction(actionInContext);
+  async _performAction(frame, action) {
+    await this._collection.performAction(await this._createActionInContext(frame, action));
   }
-  _setCommittedAfterTimeout(actionInContext) {
-    const timer = setTimeout(() => {
-      // Commit the action after 5 seconds so that no further signals are added to it.
-      actionInContext.committed = true;
-      this._timers.delete(timer);
-    }, (0, _utils.isUnderTest)() ? 500 : 5000);
-    this._timers.add(timer);
+  async _recordAction(frame, action) {
+    this._collection.addRecordedAction(await this._createActionInContext(frame, action));
   }
   _onFrameNavigated(frame, page) {
     const pageAlias = this._pageAliases.get(page);

package/lib/server/recorder/recorderActions.js

@@ -2,4 +2,5 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+//# sourceMappingURL=recorderActions.js.map

package/lib/server/recorder/recorderApp.js

@@ -30,25 +30,30 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 
 class EmptyRecorderApp extends _events.EventEmitter {
+  constructor(...args) {
+    super(...args);
+    this.wsEndpointForTest = void 0;
+  }
   async close() {}
   async setPaused(paused) {}
   async setMode(mode) {}
-  async setFileIfNeeded(file) {}
+  async setRunningFile(file) {}
   async setSelector(selector, userGesture) {}
   async updateCallLogs(callLogs) {}
   async setSources(sources) {}
+  async setActions(actions, sources) {}
 }
 exports.EmptyRecorderApp = EmptyRecorderApp;
 class RecorderApp extends _events.EventEmitter {
   constructor(recorder, page, wsEndpoint) {
     super();
     this._page = void 0;
-    this.wsEndpoint = void 0;
+    this.wsEndpointForTest = void 0;
     this._recorder = void 0;
     this.setMaxListeners(0);
     this._recorder = recorder;
     this._page = page;
-    this.wsEndpoint = wsEndpoint;
+    this.wsEndpointForTest = wsEndpoint;
   }
   async close() {
     await this._page.context().close({
@@ -63,7 +68,6 @@ class RecorderApp extends _events.EventEmitter {
       const file = require.resolve('../../vite/recorder/' + uri);
       _fs.default.promises.readFile(file).then(buffer => {
         route.fulfill({
-          requestUrl: route.request().url(),
           status: 200,
           headers: [{
             name: 'Content-Type',
@@ -114,9 +118,8 @@ class RecorderApp extends _events.EventEmitter {
       persistentContextOptions: {
         noDefaultViewport: true,
         headless: !!process.env.PWTEST_CLI_HEADLESS || (0, _utils.isUnderTest)() && !headed,
-        useWebSocket: !!process.env.PWTEST_RECORDER_PORT,
-        handleSIGINT: false,
-        args: process.env.PWTEST_RECORDER_PORT ? [`--remote-debugging-port=${process.env.PWTEST_RECORDER_PORT}`] : [],
+        useWebSocket: (0, _utils.isUnderTest)(),
+        handleSIGINT: recorder.handleSIGINT,
         executablePath: inspectedContext._browser.options.isChromium ? inspectedContext._browser.options.customExecutablePath : undefined
       }
     });
@@ -135,9 +138,9 @@ class RecorderApp extends _events.EventEmitter {
       isFunction: true
     }, mode).catch(() => {});
   }
-  async setFileIfNeeded(file) {
+  async setRunningFile(file) {
     await this._page.mainFrame().evaluateExpression((file => {
-      window.playwrightSetFileIfNeeded(file);
+      window.playwrightSetRunningFile(file);
     }).toString(), {
       isFunction: true
     }, file).catch(() => {});
@@ -157,8 +160,11 @@ class RecorderApp extends _events.EventEmitter {
     }, sources).catch(() => {});
 
     // Testing harness for runCLI mode.
-    if (process.env.PWTEST_CLI_IS_UNDER_TEST && sources.length) process._didSetSourcesForTest(sources[0].text);
+    if (process.env.PWTEST_CLI_IS_UNDER_TEST && sources.length) {
+      if (process._didSetSourcesForTest(sources[0].text)) this.close();
+    }
   }
+  async setActions(actions, sources) {}
   async setSelector(selector, userGesture) {
     if (userGesture) {
       var _this$_recorder;

package/lib/server/recorder/recorderCollection.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RecorderCollection = void 0;
 var _events = require("events");
+var _time = require("../../utils/time");
+var _recorderUtils = require("./recorderUtils");
+var _errors = require("../errors");
+var _recorderRunner = require("./recorderRunner");
+var _debug = require("../../utils/debug");
 /**
  * Copyright (c) Microsoft Corporation.
  *
@@ -22,106 +27,90 @@ var _events = require("events");
  */
 
 class RecorderCollection extends _events.EventEmitter {
-  constructor(enabled) {
+  constructor(pageAliases) {
     super();
-    this._currentAction = null;
-    this._lastAction = null;
     this._actions = [];
-    this._enabled = void 0;
-    this._enabled = enabled;
-    this.restart();
+    this._enabled = false;
+    this._pageAliases = void 0;
+    this._pageAliases = pageAliases;
   }
   restart() {
-    this._currentAction = null;
-    this._lastAction = null;
     this._actions = [];
-    this.emit('change');
-  }
-  actions() {
-    return this._actions;
+    this._fireChange();
   }
   setEnabled(enabled) {
     this._enabled = enabled;
   }
-  addAction(action) {
-    if (!this._enabled) return;
-    this.willPerformAction(action);
-    this.didPerformAction(action);
-  }
-  willPerformAction(action) {
-    if (!this._enabled) return;
-    this._currentAction = action;
+  async performAction(actionInContext) {
+    await this._addAction(actionInContext, async callMetadata => {
+      await (0, _recorderRunner.performAction)(callMetadata, this._pageAliases, actionInContext);
+    });
   }
-  performedActionFailed(action) {
-    if (!this._enabled) return;
-    if (this._currentAction === action) this._currentAction = null;
+  addRecordedAction(actionInContext) {
+    if (['openPage', 'closePage'].includes(actionInContext.action.name)) {
+      this._actions.push(actionInContext);
+      this._fireChange();
+      return;
+    }
+    this._addAction(actionInContext).catch(() => {});
   }
-  didPerformAction(actionInContext) {
+  async _addAction(actionInContext, callback) {
     if (!this._enabled) return;
-    const action = actionInContext.action;
-    let eraseLastAction = false;
-    if (this._lastAction && this._lastAction.frame.pageAlias === actionInContext.frame.pageAlias) {
-      const lastAction = this._lastAction.action;
-      // We augment last action based on the type.
-      if (this._lastAction && action.name === 'fill' && lastAction.name === 'fill') {
-        if (action.selector === lastAction.selector) eraseLastAction = true;
-      }
-      if (lastAction && action.name === 'click' && lastAction.name === 'click') {
-        if (action.selector === lastAction.selector && action.clickCount > lastAction.clickCount) eraseLastAction = true;
-      }
-      if (lastAction && action.name === 'navigate' && lastAction.name === 'navigate') {
-        if (action.url === lastAction.url) {
-          // Already at a target URL.
-          this._currentAction = null;
-          return;
-        }
-      }
-      // Check and uncheck erase click.
-      if (lastAction && (action.name === 'check' || action.name === 'uncheck') && lastAction.name === 'click') {
-        if (action.selector === lastAction.selector) eraseLastAction = true;
-      }
+    if (actionInContext.action.name === 'openPage' || actionInContext.action.name === 'closePage') {
+      this._actions.push(actionInContext);
+      this._fireChange();
+      return;
     }
-    this._lastAction = actionInContext;
-    this._currentAction = null;
-    if (eraseLastAction) this._actions.pop();
+    const {
+      callMetadata,
+      mainFrame
+    } = (0, _recorderUtils.callMetadataForAction)(this._pageAliases, actionInContext);
+    await mainFrame.instrumentation.onBeforeCall(mainFrame, callMetadata);
     this._actions.push(actionInContext);
-    this.emit('change');
-  }
-  commitLastAction() {
-    if (!this._enabled) return;
-    const action = this._lastAction;
-    if (action) action.committed = true;
+    this._fireChange();
+    const error = await (callback === null || callback === void 0 ? void 0 : callback(callMetadata).catch(e => e));
+    callMetadata.endTime = (0, _time.monotonicTime)();
+    actionInContext.endTime = callMetadata.endTime;
+    callMetadata.error = error ? (0, _errors.serializeError)(error) : undefined;
+    // Do not wait for onAfterCall so that performAction returned immediately after the action.
+    mainFrame.instrumentation.onAfterCall(mainFrame, callMetadata).then(() => {
+      this._fireChange();
+    }).catch(() => {});
   }
   signal(pageAlias, frame, signal) {
     if (!this._enabled) return;
-
-    // Signal either arrives while action is being performed or shortly after.
-    if (this._currentAction) {
-      this._currentAction.action.signals.push(signal);
+    if (signal.name === 'navigation' && frame._page.mainFrame() === frame) {
+      const timestamp = (0, _time.monotonicTime)();
+      const lastAction = this._actions[this._actions.length - 1];
+      const signalThreshold = (0, _debug.isUnderTest)() ? 500 : 5000;
+      let generateGoto = false;
+      if (!lastAction) generateGoto = true;else if (lastAction.action.name !== 'click' && lastAction.action.name !== 'press') generateGoto = true;else if (timestamp - lastAction.startTime > signalThreshold) generateGoto = true;
+      if (generateGoto) {
+        this.addRecordedAction({
+          frame: {
+            pageAlias,
+            framePath: []
+          },
+          action: {
+            name: 'navigate',
+            url: frame.url(),
+            signals: []
+          },
+          startTime: timestamp,
+          endTime: timestamp
+        });
+      }
       return;
     }
-    if (this._lastAction && (!this._lastAction.committed || signal.name !== 'navigation')) {
-      const signals = this._lastAction.action.signals;
-      if (signal.name === 'navigation' && signals.length && signals[signals.length - 1].name === 'download') return;
-      if (signal.name === 'download' && signals.length && signals[signals.length - 1].name === 'navigation') signals.length = signals.length - 1;
-      this._lastAction.action.signals.push(signal);
-      this.emit('change');
+    if (this._actions.length) {
+      this._actions[this._actions.length - 1].action.signals.push(signal);
+      this._fireChange();
       return;
     }
-    if (signal.name === 'navigation' && frame._page.mainFrame() === frame) {
-      this.addAction({
-        frame: {
-          pageAlias,
-          framePath: []
-        },
-        committed: true,
-        action: {
-          name: 'navigate',
-          url: frame.url(),
-          signals: []
-        }
-      });
-    }
+  }
+  _fireChange() {
+    if (!this._enabled) return;
+    this.emit('change', (0, _recorderUtils.collapseActions)(this._actions));
   }
 }
 exports.RecorderCollection = RecorderCollection;

package/lib/server/recorder/recorderFrontend.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});