playwright-core 1.54.0-alpha-2025-07-08 → 1.54.0-beta-1752075907000

package/lib/server/dispatchers/browserContextDispatcher.js

@@ -50,6 +50,7 @@ var import_webSocketRouteDispatcher = require("./webSocketRouteDispatcher");
 var import_writableStreamDispatcher = require("./writableStreamDispatcher");
 var import_crypto = require("../utils/crypto");
 var import_urlMatch = require("../../utils/isomorphic/urlMatch");
+var import_recorder = require("../recorder");
 var import_recorderApp = require("../recorder/recorderApp");
 class BrowserContextDispatcher extends import_dispatcher.Dispatcher {
   constructor(parentScope, context) {
@@ -177,6 +178,9 @@ class BrowserContextDispatcher extends import_dispatcher.Dispatcher {
         page: import_pageDispatcher.PageDispatcher.fromNullable(this, request.frame()?._page.initializedOrUndefined())
       });
     });
+    this.addObjectListener(import_browserContext.BrowserContext.Events.RecorderEvent, ({ event, data, page }) => {
+      this._dispatchEvent("recorderEvent", { event, data, page: import_pageDispatcher.PageDispatcher.from(this, page) });
+    });
   }
   static from(parentScope, context) {
     const result = parentScope.connection.existingDispatcher(context);
@@ -288,8 +292,18 @@ class BrowserContextDispatcher extends import_dispatcher.Dispatcher {
     await this._context.close(params);
   }
   async enableRecorder(params, progress) {
+    const recorder = await import_recorder.Recorder.forContext(this._context, params);
+    if (params.recorderMode === "api") {
+      await import_recorderApp.ProgrammaticRecorderApp.run(this._context, recorder);
+      return;
+    }
     await import_recorderApp.RecorderApp.show(this._context, params);
   }
+  async disableRecorder(params, progress) {
+    const recorder = import_recorder.Recorder.existingForContext(this._context);
+    if (recorder)
+      recorder.setMode("none");
+  }
   async pause(params, progress) {
   }
   async newCDPSession(params, progress) {

package/lib/server/recorder/recorderApp.js

@@ -28,6 +28,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var recorderApp_exports = {};
 __export(recorderApp_exports, {
+  ProgrammaticRecorderApp: () => ProgrammaticRecorderApp,
   RecorderApp: () => RecorderApp
 });
 module.exports = __toCommonJS(recorderApp_exports);
@@ -45,6 +46,7 @@ var import_recorderUtils = require("./recorderUtils");
 var import_language = require("../codegen/language");
 var import_recorder = require("../recorder");
 var import_time = require("../../utils/isomorphic/time");
+var import_browserContext = require("../browserContext");
 class RecorderApp {
   constructor(recorder, params, page, wsEndpointForTest) {
     this._throttledOutputFile = null;
@@ -149,6 +151,10 @@ class RecorderApp {
     if (process.env.PW_CODEGEN_NO_INSPECTOR)
       return;
     const recorder = await import_recorder.Recorder.forContext(context, params);
+    if (params.recorderMode === "api") {
+      await ProgrammaticRecorderApp.run(context, recorder);
+      return;
+    }
     await RecorderApp._show(recorder, context, params);
   }
   async close() {
@@ -232,9 +238,9 @@ class RecorderApp {
     this._updateActions();
   }
   _onSignalAdded(signal) {
-    const lastAction = this._actions[this._actions.length - 1];
+    const lastAction = this._actions.findLast((a) => a.frame.pageGuid === signal.frame.pageGuid);
     if (lastAction)
-      lastAction.action.signals.push(signal);
+      lastAction.action.signals.push(signal.signal);
     this._updateActions();
   }
   _onPageNavigated(url) {
@@ -322,8 +328,31 @@ class RecorderApp {
     this._pushAllSources();
   }
 }
+class ProgrammaticRecorderApp {
+  static async run(inspectedContext, recorder) {
+    let lastAction = null;
+    recorder.on(import_recorder.RecorderEvent.ActionAdded, (action) => {
+      const page = findPageByGuid(inspectedContext, action.frame.pageGuid);
+      if (!page)
+        return;
+      if (!lastAction || !(0, import_recorderUtils.shouldMergeAction)(action, lastAction))
+        inspectedContext.emit(import_browserContext.BrowserContext.Events.RecorderEvent, { event: "actionAdded", data: action, page });
+      else
+        inspectedContext.emit(import_browserContext.BrowserContext.Events.RecorderEvent, { event: "actionUpdated", data: action, page });
+      lastAction = action;
+    });
+    recorder.on(import_recorder.RecorderEvent.SignalAdded, (signal) => {
+      const page = findPageByGuid(inspectedContext, signal.frame.pageGuid);
+      inspectedContext.emit(import_browserContext.BrowserContext.Events.RecorderEvent, { event: "signalAdded", data: signal, page });
+    });
+  }
+}
+function findPageByGuid(context, guid) {
+  return context.pages().find((p) => p.guid === guid);
+}
 const recorderAppSymbol = Symbol("recorderApp");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ProgrammaticRecorderApp,
   RecorderApp
 });

package/lib/server/recorder/recorderSignalProcessor.js

@@ -21,21 +21,21 @@ __export(recorderSignalProcessor_exports, {
   RecorderSignalProcessor: () => RecorderSignalProcessor
 });
 module.exports = __toCommonJS(recorderSignalProcessor_exports);
-var import_events = require("events");
 var import_debug = require("../utils/debug");
 var import_time = require("../../utils/isomorphic/time");
-class RecorderSignalProcessor extends import_events.EventEmitter {
-  constructor() {
-    super(...arguments);
+var import_recorderUtils = require("./recorderUtils");
+class RecorderSignalProcessor {
+  constructor(actionSink) {
     this._lastAction = null;
+    this._delegate = actionSink;
   }
-  addAction(actionInContext, callback) {
+  addAction(actionInContext) {
     this._lastAction = actionInContext;
-    this.emit("action", actionInContext);
+    this._delegate.addAction(actionInContext);
   }
   signal(pageAlias, frame, signal) {
+    const timestamp = (0, import_time.monotonicTime)();
     if (signal.name === "navigation" && frame._page.mainFrame() === frame) {
-      const timestamp = (0, import_time.monotonicTime)();
       const lastAction = this._lastAction;
       const signalThreshold = (0, import_debug.isUnderTest)() ? 500 : 5e3;
       let generateGoto = false;
@@ -48,6 +48,7 @@ class RecorderSignalProcessor extends import_events.EventEmitter {
       if (generateGoto) {
         this.addAction({
           frame: {
+            pageGuid: frame._page.guid,
             pageAlias,
             framePath: []
           },
@@ -62,7 +63,18 @@ class RecorderSignalProcessor extends import_events.EventEmitter {
       }
       return;
     }
-    this.emit("signal", signal);
+    (0, import_recorderUtils.generateFrameSelector)(frame).then((framePath) => {
+      const signalInContext = {
+        frame: {
+          pageGuid: frame._page.guid,
+          pageAlias,
+          framePath
+        },
+        signal,
+        timestamp
+      };
+      this._delegate.addSignal(signalInContext);
+    });
   }
 }
 // Annotate the CommonJS export names for ESM import in node:

package/lib/server/recorder/recorderUtils.js

@@ -23,7 +23,8 @@ __export(recorderUtils_exports, {
   frameForAction: () => frameForAction,
   generateFrameSelector: () => generateFrameSelector,
   mainFrameForAction: () => mainFrameForAction,
-  metadataToCallLog: () => metadataToCallLog
+  metadataToCallLog: () => metadataToCallLog,
+  shouldMergeAction: () => shouldMergeAction
 });
 module.exports = __toCommonJS(recorderUtils_exports);
 var import_protocolFormatter = require("../../utils/isomorphic/protocolFormatter");
@@ -74,13 +75,22 @@ async function frameForAction(pageAliases, actionInContext, action) {
     throw new Error("Internal error: frame not found");
   return result.frame;
 }
+function isSameAction(a, b) {
+  return a.action.name === b.action.name && a.frame.pageAlias === b.frame.pageAlias && a.frame.framePath.join("|") === b.frame.framePath.join("|");
+}
+function isSameSelector(action, lastAction) {
+  return "selector" in action.action && "selector" in lastAction.action && action.action.selector === lastAction.action.selector;
+}
+function shouldMergeAction(action, lastAction) {
+  if (!lastAction)
+    return false;
+  return isSameAction(action, lastAction) && (action.action.name === "navigate" || action.action.name === "fill" && isSameSelector(action, lastAction));
+}
 function collapseActions(actions) {
   const result = [];
   for (const action of actions) {
     const lastAction = result[result.length - 1];
-    const isSameAction = lastAction && lastAction.action.name === action.action.name && lastAction.frame.pageAlias === action.frame.pageAlias && lastAction.frame.framePath.join("|") === action.frame.framePath.join("|");
-    const isSameSelector = lastAction && "selector" in lastAction.action && "selector" in action.action && action.action.selector === lastAction.action.selector;
-    const shouldMerge = isSameAction && (action.action.name === "navigate" || action.action.name === "fill" && isSameSelector);
+    const shouldMerge = shouldMergeAction(action, lastAction);
     if (!shouldMerge) {
       result.push(action);
       continue;
@@ -131,5 +141,6 @@ async function generateFrameSelectorInParent(parent, frame) {
   frameForAction,
   generateFrameSelector,
   mainFrameForAction,
-  metadataToCallLog
+  metadataToCallLog,
+  shouldMergeAction
 });

package/lib/server/recorder.js

@@ -79,16 +79,17 @@ class Recorder extends import_events.default {
     this._context = context;
     this._params = params;
     this._mode = params.mode || "none";
-    this._recorderMode = params.recorderMode ?? "perform";
+    this._recorderMode = params.recorderMode ?? "default";
     this.handleSIGINT = params.handleSIGINT;
-    this._signalProcessor = new import_recorderSignalProcessor.RecorderSignalProcessor();
-    this._signalProcessor.on("action", (actionInContext) => {
-      if (this._enabled)
-        this.emit(RecorderEvent.ActionAdded, actionInContext);
-    });
-    this._signalProcessor.on("signal", (signal) => {
-      if (this._enabled)
-        this.emit(RecorderEvent.SignalAdded, signal);
+    this._signalProcessor = new import_recorderSignalProcessor.RecorderSignalProcessor({
+      addAction: (actionInContext) => {
+        if (this._enabled)
+          this.emit(RecorderEvent.ActionAdded, actionInContext);
+      },
+      addSignal: (signal) => {
+        if (this._enabled)
+          this.emit(RecorderEvent.SignalAdded, signal);
+      }
     });
     context.on(import_browserContext.BrowserContext.Events.BeforeClose, () => {
       this.emit(RecorderEvent.ContextClosed);
@@ -112,6 +113,9 @@ class Recorder extends import_events.default {
     }
     return recorderPromise;
   }
+  static existingForContext(context) {
+    return context[recorderSymbol];
+  }
   static async _create(context, params = {}) {
     const recorder = new Recorder(context, params);
     await recorder._install();
@@ -142,7 +146,6 @@ class Recorder extends import_events.default {
         }
         const uiState = {
           mode: this._mode,
-          recorderMode: this._recorderMode,
           actionPoint,
           actionSelector,
           ariaTemplate: this._highlightedElement.ariaTemplate,
@@ -188,7 +191,7 @@ class Recorder extends import_events.default {
         false,
         (source, action) => this._recordAction(source.frame, action)
       );
-      await this._context.extendInjectedScript(rawRecorderSource.source);
+      await this._context.extendInjectedScript(rawRecorderSource.source, { recorderMode: this._recorderMode });
     });
     if (this._debugger.isPaused())
       this._pausedStateChanged();
@@ -412,12 +415,14 @@ class Recorder extends import_events.default {
   }
   _describeMainFrame(page) {
     return {
+      pageGuid: page.guid,
       pageAlias: this._pageAliases.get(page),
       framePath: []
     };
   }
   async _describeFrame(frame) {
     return {
+      pageGuid: frame._page.guid,
       pageAlias: this._pageAliases.get(frame._page),
       framePath: await (0, import_recorderUtils.generateFrameSelector)(frame)
     };

package/lib/server/utils/comparators.js

@@ -121,9 +121,9 @@ function compareText(actual, expectedBuffer) {
   const lines = import_utilsBundle2.diff.createPatch("file", expected, actual, void 0, void 0, { context: 5 }).split("\n");
   const coloredLines = lines.slice(4).map((line) => {
     if (line.startsWith("-"))
-      return import_utilsBundle2.colors.red(line);
-    if (line.startsWith("+"))
       return import_utilsBundle2.colors.green(line);
+    if (line.startsWith("+"))
+      return import_utilsBundle2.colors.red(line);
     if (line.startsWith("@@"))
       return import_utilsBundle2.colors.dim(line);
     return line;

package/lib/server/webkit/wkBrowser.js

@@ -39,7 +39,7 @@ var network = __toESM(require("../network"));
 var import_wkConnection = require("./wkConnection");
 var import_wkPage = require("./wkPage");
 var import_errors = require("../errors");
-const BROWSER_VERSION = "18.5";
+const BROWSER_VERSION = "26.0";
 const DEFAULT_USER_AGENT = `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/${BROWSER_VERSION} Safari/605.1.15`;
 class WKBrowser extends import_browser.Browser {
   constructor(parent, transport, options) {

package/lib/utils/isomorphic/protocolMetainfo.js

@@ -93,6 +93,7 @@ const methodMetainfo = /* @__PURE__ */ new Map([
   ["BrowserContext.storageState", { title: "Get storage state" }],
   ["BrowserContext.pause", { title: "Pause" }],
   ["BrowserContext.enableRecorder", { internal: true }],
+  ["BrowserContext.disableRecorder", { internal: true }],
   ["BrowserContext.newCDPSession", { internal: true }],
   ["BrowserContext.harStart", { internal: true }],
   ["BrowserContext.harExport", { internal: true }],