playwright 1.57.0-alpha-2025-11-16 → 1.57.0-alpha-2025-11-18

package/lib/index.js

@@ -242,8 +242,8 @@ const playwrightFixtures = {
         if (zone && zone.category === "expect" && isExpectCall) {
           if (zone.apiName)
             data.apiName = zone.apiName;
-          if (zone.title)
-            data.title = zone.title;
+          if (zone.shortTitle || zone.title)
+            data.title = zone.shortTitle ?? zone.title;
           data.stepId = zone.stepId;
           return;
         }

package/lib/matchers/expect.js

@@ -43,7 +43,7 @@ const printReceivedStringContainExpectedResult = (received, result) => result ==
   result[0].length
 );
 function createMatchers(actual, info, prefix) {
-  return new Proxy((0, import_expectBundle.expect)(actual), new ExpectMetaInfoProxyHandler(info, prefix));
+  return new Proxy((0, import_expectBundle.expect)(actual), new ExpectMetaInfoProxyHandler(actual, info, prefix));
 }
 const userMatchersSymbol = Symbol("userMatchers");
 function qualifiedMatcherName(qualifier, matcherName) {
@@ -185,7 +185,8 @@ const customMatchers = {
   toMatchSnapshot: import_toMatchSnapshot.toMatchSnapshot
 };
 class ExpectMetaInfoProxyHandler {
-  constructor(info, prefix) {
+  constructor(actual, info, prefix) {
+    this._actual = actual;
     this._info = { ...info };
     this._prefix = prefix;
   }
@@ -222,15 +223,17 @@ class ExpectMetaInfoProxyHandler {
       if (!testInfo)
         return matcher.call(target, ...args);
       const customMessage = this._info.message || "";
-      const argsSuffix = computeArgsSuffix(matcherName, args);
-      const defaultTitle = `${this._info.poll ? "poll " : ""}${this._info.isSoft ? "soft " : ""}${this._info.isNot ? "not " : ""}${matcherName}${argsSuffix}`;
-      const title = customMessage || `Expect ${(0, import_utils.escapeWithQuotes)(defaultTitle, '"')}`;
-      const apiName = `expect${this._info.poll ? ".poll " : ""}${this._info.isSoft ? ".soft " : ""}${this._info.isNot ? ".not" : ""}.${matcherName}${argsSuffix}`;
+      const suffixes = (0, import_matchers.computeMatcherTitleSuffix)(matcherName, this._actual, args);
+      const defaultTitle = `${this._info.poll ? "poll " : ""}${this._info.isSoft ? "soft " : ""}${this._info.isNot ? "not " : ""}${matcherName}${suffixes.short || ""}`;
+      const shortTitle = customMessage || `Expect ${(0, import_utils.escapeWithQuotes)(defaultTitle, '"')}`;
+      const longTitle = shortTitle + (suffixes.long || "");
+      const apiName = `expect${this._info.poll ? ".poll " : ""}${this._info.isSoft ? ".soft " : ""}${this._info.isNot ? ".not" : ""}.${matcherName}${suffixes.short || ""}`;
       const stackFrames = (0, import_util.filteredStackTrace)((0, import_utils.captureRawStack)());
       const stepInfo = {
         category: "expect",
         apiName,
-        title,
+        title: longTitle,
+        shortTitle,
         params: args[0] ? { expected: args[0] } : void 0,
         infectParentStepsWithError: this._info.isSoft
       };
@@ -301,12 +304,6 @@ async function pollMatcher(qualifiedMatcherName2, info, prefix, ...args) {
     throw new Error(message);
   }
 }
-function computeArgsSuffix(matcherName, args) {
-  let value = "";
-  if (matcherName === "toHaveScreenshot")
-    value = (0, import_toMatchSnapshot.toHaveScreenshotStepTitle)(...args);
-  return value ? `(${value})` : "";
-}
 const expect = createExpect({}, [], {}).extend(customMatchers);
 function mergeExpects(...expects) {
   let merged = expect;

package/lib/matchers/matchers.js

@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var matchers_exports = {};
 __export(matchers_exports, {
+  computeMatcherTitleSuffix: () => computeMatcherTitleSuffix,
   toBeAttached: () => toBeAttached,
   toBeChecked: () => toBeChecked,
   toBeDisabled: () => toBeDisabled,
@@ -56,6 +57,7 @@ var import_toBeTruthy = require("./toBeTruthy");
 var import_toEqual = require("./toEqual");
 var import_toHaveURL = require("./toHaveURL");
 var import_toMatchText = require("./toMatchText");
+var import_toMatchSnapshot = require("./toMatchSnapshot");
 var import_config = require("../common/config");
 var import_globals = require("../common/globals");
 var import_testInfo = require("../worker/testInfo");
@@ -332,8 +334,22 @@ async function toPass(callback, options = {}) {
   }
   return { pass: !this.isNot, message: () => "" };
 }
+function computeMatcherTitleSuffix(matcherName, receiver, args) {
+  if (matcherName === "toHaveScreenshot") {
+    const title = (0, import_toMatchSnapshot.toHaveScreenshotStepTitle)(...args);
+    return { short: title ? `(${title})` : "" };
+  }
+  if (receiver && typeof receiver === "object" && receiver.constructor?.name === "Locator") {
+    try {
+      return { long: " " + (0, import_utils.asLocatorDescription)("javascript", receiver._selector) };
+    } catch {
+    }
+  }
+  return {};
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  computeMatcherTitleSuffix,
   toBeAttached,
   toBeChecked,
   toBeDisabled,

package/lib/worker/testInfo.js

@@ -268,7 +268,7 @@ ${(0, import_utils.stringifyStackFrames)(step.boxedStack).join("\n")}`;
       this._tracing.appendBeforeActionForStep({
         stepId,
         parentId: parentStep?.stepId,
-        title: step.title,
+        title: step.shortTitle ?? step.title,
         category: step.category,
         params: step.params,
         stack: step.location ? [step.location] : [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playwright",
-  "version": "1.57.0-alpha-2025-11-16",
+  "version": "1.57.0-alpha-2025-11-18",
   "description": "A high-level API to automate web browsers",
   "repository": {
     "type": "git",
@@ -64,7 +64,7 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "playwright-core": "1.57.0-alpha-2025-11-16"
+    "playwright-core": "1.57.0-alpha-2025-11-18"
   },
   "optionalDependencies": {
     "fsevents": "2.3.2"

package/types/test.d.ts

@@ -873,7 +873,9 @@ interface TestConfig<TestArgs = {}, WorkerArgs = {}> {
    * - A module name like `'my-awesome-reporter'`.
    * - A relative path to the reporter like `'./reporters/my-awesome-reporter.js'`.
    *
-   * You can pass options to the reporter in a tuple like `['json', { outputFile: './report.json' }]`.
+   * You can pass options to the reporter in a tuple like `['json', { outputFile: './report.json' }]`. If the property
+   * is not specified, Playwright uses the `'dot'` reporter when the CI environment variable is set, and the `'list'`
+   * reporter otherwise.
    *
    * Learn more in the [reporters guide](https://playwright.dev/docs/test-reporters).
    *