playwright 1.54.0-alpha-2025-07-07 → 1.54.0-alpha-2025-07-09

package/lib/common/test.js

@@ -237,7 +237,11 @@ class TestCase extends Base {
     return status === "expected" || status === "flaky" || status === "skipped";
   }
   get tags() {
-    return this._grepTitle().match(/@[\S]+/g) || [];
+    const titleTags = this._grepBaseTitlePath().join(" ").match(/@[\S]+/g) || [];
+    return [
+      ...titleTags,
+      ...this._tags
+    ];
   }
   _serialize() {
     return {
@@ -298,10 +302,14 @@ class TestCase extends Base {
     this.results.push(result);
     return result;
   }
-  _grepTitle() {
+  _grepBaseTitlePath() {
     const path = [];
     this.parent._collectGrepTitlePath(path);
     path.push(this.title);
+    return path;
+  }
+  _grepTitleWithTags() {
+    const path = this._grepBaseTitlePath();
     path.push(...this._tags);
     return path.join(" ");
   }

package/lib/common/testType.js

@@ -96,7 +96,7 @@ class TestTypeImpl {
       body = fn;
       details = fnOrDetails;
     }
-    const validatedDetails = validateTestDetails(details);
+    const validatedDetails = validateTestDetails(details, location);
     const test = new import_test.TestCase(title, body, this, location);
     test._requireFile = suite._requireFile;
     test.annotations.push(...validatedDetails.annotations);
@@ -105,9 +105,9 @@ class TestTypeImpl {
     if (type === "only" || type === "fail.only")
       test._only = true;
     if (type === "skip" || type === "fixme" || type === "fail")
-      test.annotations.push({ type });
+      test.annotations.push({ type, location });
     else if (type === "fail.only")
-      test.annotations.push({ type: "fail" });
+      test.annotations.push({ type: "fail", location });
   }
   _describe(type, location, titleOrFn, fnOrDetails, fn) {
     throwIfRunningInsideJest();
@@ -130,7 +130,7 @@ class TestTypeImpl {
       details = fnOrDetails;
       body = fn;
     }
-    const validatedDetails = validateTestDetails(details);
+    const validatedDetails = validateTestDetails(details, location);
     const child = new import_test.Suite(title, "describe");
     child._requireFile = suite._requireFile;
     child.location = location;
@@ -144,7 +144,7 @@ class TestTypeImpl {
     if (type === "parallel" || type === "parallel.only")
       child._parallelMode = "parallel";
     if (type === "skip" || type === "fixme")
-      child._staticAnnotations.push({ type });
+      child._staticAnnotations.push({ type, location });
     for (let parent = suite; parent; parent = parent.parent) {
       if (parent._parallelMode === "serial" && child._parallelMode === "parallel")
         throw new Error("describe.parallel cannot be nested inside describe.serial");
@@ -203,7 +203,7 @@ class TestTypeImpl {
         if (modifierArgs.length >= 1 && !modifierArgs[0])
           return;
         const description = modifierArgs[1];
-        suite._staticAnnotations.push({ type, description });
+        suite._staticAnnotations.push({ type, description, location });
       }
       return;
     }
@@ -212,7 +212,7 @@ class TestTypeImpl {
       throw new Error(`test.${type}() can only be called inside test, describe block or fixture`);
     if (typeof modifierArgs[0] === "function")
       throw new Error(`test.${type}() with a function can only be called inside describe block`);
-    testInfo[type](...modifierArgs);
+    testInfo._modifier(type, location, modifierArgs);
   }
   _setTimeout(location, timeout) {
     const suite = (0, import_globals.currentlyLoadingFileSuite)();
@@ -241,7 +241,7 @@ class TestTypeImpl {
         let result = void 0;
         result = await (0, import_utils.raceAgainstDeadline)(async () => {
           try {
-            return await step.info._runStepBody(expectation === "skip", body);
+            return await step.info._runStepBody(expectation === "skip", body, step.location);
           } catch (e) {
             if (result?.timedOut)
               testInfo._failWithError(e);
@@ -276,8 +276,9 @@ See https://playwright.dev/docs/intro for more information about Playwright Test
     );
   }
 }
-function validateTestDetails(details) {
-  const annotations = Array.isArray(details.annotation) ? details.annotation : details.annotation ? [details.annotation] : [];
+function validateTestDetails(details, location) {
+  const originalAnnotations = Array.isArray(details.annotation) ? details.annotation : details.annotation ? [details.annotation] : [];
+  const annotations = originalAnnotations.map((annotation) => ({ ...annotation, location }));
   const tags = Array.isArray(details.tag) ? details.tag : details.tag ? [details.tag] : [];
   for (const tag of tags) {
     if (tag[0] !== "@")

package/lib/isomorphic/teleReceiver.js

@@ -128,8 +128,9 @@ class TeleReporterReceiver {
     if (!!payload.attachments)
       result.attachments = this._parseAttachments(payload.attachments);
     if (payload.annotations) {
+      this._absoluteAnnotationLocationsInplace(payload.annotations);
       result.annotations = payload.annotations;
-      test.annotations = result.annotations;
+      test.annotations = payload.annotations;
     }
     this._reporter.onTestEnd?.(test, result);
     result._stepMap = /* @__PURE__ */ new Map();
@@ -257,8 +258,15 @@ class TeleReporterReceiver {
     test.retries = payload.retries;
     test.tags = payload.tags ?? [];
     test.annotations = payload.annotations ?? [];
+    this._absoluteAnnotationLocationsInplace(test.annotations);
     return test;
   }
+  _absoluteAnnotationLocationsInplace(annotations) {
+    for (const annotation of annotations) {
+      if (annotation.location)
+        annotation.location = this._absoluteLocation(annotation.location);
+    }
+  }
   _absoluteLocation(location) {
     if (!location)
       return location;

package/lib/matchers/toMatchSnapshot.js

@@ -60,6 +60,7 @@ class SnapshotHelper {
       this.options = options;
       name = nameFromOptions;
     }
+    this.name = Array.isArray(name) ? name.join(import_path.default.sep) : name || "";
     const resolvedPaths = testInfo._resolveSnapshotPaths(matcherName === "toHaveScreenshot" ? "screenshot" : "snapshot", name, "updateSnapshotIndex", anonymousSnapshotExtension);
     this.expectedPath = resolvedPaths.absoluteSnapshotPath;
     this.attachmentBaseName = resolvedPaths.relativeOutputPath;
@@ -140,26 +141,25 @@ class SnapshotHelper {
   }
   handleDifferent(actual, expected, previous, diff, header, diffError, log, step) {
     const output = [`${header}${indent(diffError, "  ")}`];
+    if (this.name) {
+      output.push("");
+      output.push(`  Snapshot: ${this.name}`);
+    }
     if (expected !== void 0) {
       writeFileSync(this.legacyExpectedPath, expected);
       step?._attachToStep({ name: (0, import_util.addSuffixToFilePath)(this.attachmentBaseName, "-expected"), contentType: this.mimeType, path: this.expectedPath });
-      output.push(`
-Expected: ${import_utils2.colors.yellow(this.expectedPath)}`);
     }
     if (previous !== void 0) {
       writeFileSync(this.previousPath, previous);
       step?._attachToStep({ name: (0, import_util.addSuffixToFilePath)(this.attachmentBaseName, "-previous"), contentType: this.mimeType, path: this.previousPath });
-      output.push(`Previous: ${import_utils2.colors.yellow(this.previousPath)}`);
     }
     if (actual !== void 0) {
       writeFileSync(this.actualPath, actual);
       step?._attachToStep({ name: (0, import_util.addSuffixToFilePath)(this.attachmentBaseName, "-actual"), contentType: this.mimeType, path: this.actualPath });
-      output.push(`Received: ${import_utils2.colors.yellow(this.actualPath)}`);
     }
     if (diff !== void 0) {
       writeFileSync(this.diffPath, diff);
       step?._attachToStep({ name: (0, import_util.addSuffixToFilePath)(this.attachmentBaseName, "-diff"), contentType: this.mimeType, path: this.diffPath });
-      output.push(`    Diff: ${import_utils2.colors.yellow(this.diffPath)}`);
     }
     if (log?.length)
       output.push((0, import_util.callLogText)(log));

package/lib/reporters/base.js

@@ -307,8 +307,9 @@ function formatFailure(screen, config, test, index) {
       resultLines.push(screen.colors.gray(separator(screen, `    Retry #${result.retry}`)));
     }
     resultLines.push(...errors.map((error) => "\n" + error.message));
-    for (let i = 0; i < result.attachments.length; ++i) {
-      const attachment = result.attachments[i];
+    const attachmentGroups = groupAttachments(result.attachments);
+    for (let i = 0; i < attachmentGroups.length; ++i) {
+      const attachment = attachmentGroups[i];
       if (attachment.name === "error-context" && attachment.path) {
         resultLines.push("");
         resultLines.push(screen.colors.dim(`    Error Context: ${relativeFilePath(screen, config, attachment.path)}`));
@@ -320,15 +321,30 @@ function formatFailure(screen, config, test, index) {
       if (!attachment.path && !hasPrintableContent)
         continue;
       resultLines.push("");
-      resultLines.push(screen.colors.cyan(separator(screen, `    attachment #${i + 1}: ${attachment.name} (${attachment.contentType})`)));
-      if (attachment.path) {
-        const relativePath = import_path.default.relative(process.cwd(), attachment.path);
-        resultLines.push(screen.colors.cyan(`    ${relativePath}`));
+      resultLines.push(screen.colors.dim(separator(screen, `    attachment #${i + 1}: ${screen.colors.bold(attachment.name)} (${attachment.contentType})`)));
+      if (attachment.actual?.path) {
+        if (attachment.expected?.path) {
+          const expectedPath = relativeFilePath(screen, config, attachment.expected.path);
+          resultLines.push(screen.colors.dim(`    Expected: ${expectedPath}`));
+        }
+        const actualPath = relativeFilePath(screen, config, attachment.actual.path);
+        resultLines.push(screen.colors.dim(`    Received: ${actualPath}`));
+        if (attachment.previous?.path) {
+          const previousPath = relativeFilePath(screen, config, attachment.previous.path);
+          resultLines.push(screen.colors.dim(`    Previous: ${previousPath}`));
+        }
+        if (attachment.diff?.path) {
+          const diffPath = relativeFilePath(screen, config, attachment.diff.path);
+          resultLines.push(screen.colors.dim(`    Diff:     ${diffPath}`));
+        }
+      } else if (attachment.path) {
+        const relativePath = relativeFilePath(screen, config, attachment.path);
+        resultLines.push(screen.colors.dim(`    ${relativePath}`));
         if (attachment.name === "trace") {
           const packageManagerCommand = (0, import_utils.getPackageManagerExecCommand)();
-          resultLines.push(screen.colors.cyan(`    Usage:`));
+          resultLines.push(screen.colors.dim(`    Usage:`));
           resultLines.push("");
-          resultLines.push(screen.colors.cyan(`        ${packageManagerCommand} playwright show-trace ${quotePathIfNeeded(relativePath)}`));
+          resultLines.push(screen.colors.dim(`        ${packageManagerCommand} playwright show-trace ${quotePathIfNeeded(relativePath)}`));
           resultLines.push("");
         }
       } else {
@@ -337,10 +353,10 @@ function formatFailure(screen, config, test, index) {
           if (text.length > 300)
             text = text.slice(0, 300) + "...";
           for (const line of text.split("\n"))
-            resultLines.push(screen.colors.cyan(`    ${line}`));
+            resultLines.push(screen.colors.dim(`    ${line}`));
         }
       }
-      resultLines.push(screen.colors.cyan(separator(screen, "   ")));
+      resultLines.push(screen.colors.dim(separator(screen, "   ")));
     }
     lines.push(...resultLines);
   }
@@ -460,7 +476,7 @@ function separator(screen, text = "") {
   if (text)
     text += " ";
   const columns = Math.min(100, screen.ttyWidth || 100);
-  return text + screen.colors.dim("\u2500".repeat(Math.max(0, columns - text.length)));
+  return text + screen.colors.dim("\u2500".repeat(Math.max(0, columns - (0, import_util.stripAnsiEscapes)(text).length)));
 }
 function indent(lines, tab) {
   return lines.replace(/^(?=.+$)/gm, tab);
@@ -537,6 +553,37 @@ function resolveOutputFile(reporterName, options) {
   outputFile = import_path.default.resolve(outputDir, reportName);
   return { outputFile, outputDir };
 }
+function groupAttachments(attachments) {
+  const result = [];
+  const attachmentsByPrefix = /* @__PURE__ */ new Map();
+  for (const attachment of attachments) {
+    if (!attachment.path) {
+      result.push(attachment);
+      continue;
+    }
+    const match = attachment.name.match(/^(.*)-(expected|actual|diff|previous)(\.[^.]+)?$/);
+    if (!match) {
+      result.push(attachment);
+      continue;
+    }
+    const [, name, category] = match;
+    let group = attachmentsByPrefix.get(name);
+    if (!group) {
+      group = { ...attachment, name };
+      attachmentsByPrefix.set(name, group);
+      result.push(group);
+    }
+    if (category === "expected")
+      group.expected = attachment;
+    else if (category === "actual")
+      group.actual = attachment;
+    else if (category === "diff")
+      group.diff = attachment;
+    else if (category === "previous")
+      group.previous = attachment;
+  }
+  return result;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   TerminalReporter,

package/lib/reporters/html.js

@@ -107,7 +107,13 @@ class HtmlReporter {
   async onEnd(result) {
     const projectSuites = this.suite.suites;
     await (0, import_utils.removeFolders)([this._outputFolder]);
-    const builder = new HtmlBuilder(this.config, this._outputFolder, this._attachmentsBaseURL, process.env.PLAYWRIGHT_HTML_TITLE || this._options.title, this._options.snippets);
+    let noSnippets;
+    if (process.env.PLAYWRIGHT_HTML_NO_SNIPPETS === "false" || process.env.PLAYWRIGHT_HTML_NO_SNIPPETS === "0")
+      noSnippets = false;
+    else if (process.env.PLAYWRIGHT_HTML_NO_SNIPPETS)
+      noSnippets = true;
+    noSnippets = noSnippets || this._options.noSnippets;
+    const builder = new HtmlBuilder(this.config, this._outputFolder, this._attachmentsBaseURL, process.env.PLAYWRIGHT_HTML_TITLE || this._options.title, noSnippets);
     this._buildResult = await builder.build(this.config.metadata, projectSuites, result, this._topLevelErrors);
   }
   async onExit() {
@@ -191,12 +197,12 @@ function startHtmlReportServer(folder) {
   return server;
 }
 class HtmlBuilder {
-  constructor(config, outputDir, attachmentsBaseURL, title, snippets = true) {
+  constructor(config, outputDir, attachmentsBaseURL, title, noSnippets = false) {
     this._stepsInFile = new import_utils.MultiMap();
     this._hasTraces = false;
     this._config = config;
     this._reportFolder = outputDir;
-    this._snippets = snippets;
+    this._noSnippets = noSnippets;
     import_fs.default.mkdirSync(this._reportFolder, { recursive: true });
     this._dataZipFile = new import_zipBundle.yazl.ZipFile();
     this._attachmentsBaseURL = attachmentsBaseURL;
@@ -225,7 +231,7 @@ class HtmlBuilder {
         }
       }
     }
-    if (this._snippets)
+    if (!this._noSnippets)
       createSnippets(this._stepsInFile);
     let ok = true;
     for (const [fileId, { testFile, testFileSummary }] of data) {
@@ -431,7 +437,15 @@ class HtmlBuilder {
     }).filter(Boolean);
   }
   _serializeAnnotations(annotations) {
-    return annotations.map((a) => ({ type: a.type, description: a.description === void 0 ? void 0 : String(a.description) }));
+    return annotations.map((a) => ({
+      type: a.type,
+      description: a.description === void 0 ? void 0 : String(a.description),
+      location: a.location ? {
+        file: a.location.file,
+        line: a.location.line,
+        column: a.location.column
+      } : void 0
+    }));
   }
   _createTestResult(test, result) {
     return {

package/lib/reporters/merge.js

@@ -406,7 +406,10 @@ class PathSeparatorPatcher {
       return;
     }
     if (jsonEvent.method === "onTestEnd") {
+      const test = jsonEvent.params.test;
+      test.annotations?.forEach((annotation) => this._updateAnnotationLocation(annotation));
       const testResult = jsonEvent.params.result;
+      testResult.annotations?.forEach((annotation) => this._updateAnnotationLocation(annotation));
       testResult.errors.forEach((error) => this._updateErrorLocations(error));
       (testResult.attachments ?? []).forEach((attachment) => {
         if (attachment.path)
@@ -422,6 +425,7 @@ class PathSeparatorPatcher {
     if (jsonEvent.method === "onStepEnd") {
       const step = jsonEvent.params.step;
       this._updateErrorLocations(step.error);
+      step.annotations?.forEach((annotation) => this._updateAnnotationLocation(annotation));
       return;
     }
     if (jsonEvent.method === "onAttach") {
@@ -444,10 +448,12 @@ class PathSeparatorPatcher {
     if (isFileSuite)
       suite.title = this._updatePath(suite.title);
     for (const entry of suite.entries) {
-      if ("testId" in entry)
+      if ("testId" in entry) {
         this._updateLocation(entry.location);
-      else
+        entry.annotations?.forEach((annotation) => this._updateAnnotationLocation(annotation));
+      } else {
         this._updateSuite(entry);
+      }
     }
   }
   _updateErrorLocations(error) {
@@ -456,6 +462,9 @@ class PathSeparatorPatcher {
       error = error.cause;
     }
   }
+  _updateAnnotationLocation(annotation) {
+    this._updateLocation(annotation.location);
+  }
   _updateLocation(location) {
     if (location)
       location.file = this._updatePath(location.file);

package/lib/reporters/teleEmitter.js

@@ -204,7 +204,7 @@ class TeleReporterEmitter {
       retries: test.retries,
       tags: test.tags,
       repeatEachIndex: test.repeatEachIndex,
-      annotations: test.annotations
+      annotations: this._relativeAnnotationLocations(test.annotations)
     };
   }
   _serializeResultStart(result) {
@@ -222,7 +222,7 @@ class TeleReporterEmitter {
       duration: result.duration,
       status: result.status,
       errors: result.errors,
-      annotations: result.annotations?.length ? result.annotations : void 0
+      annotations: result.annotations?.length ? this._relativeAnnotationLocations(result.annotations) : void 0
     };
   }
   _sendNewAttachments(result, testId) {
@@ -266,9 +266,15 @@ class TeleReporterEmitter {
       duration: step.duration,
       error: step.error,
       attachments: step.attachments.length ? step.attachments.map((a) => result.attachments.indexOf(a)) : void 0,
-      annotations: step.annotations.length ? step.annotations : void 0
+      annotations: step.annotations.length ? this._relativeAnnotationLocations(step.annotations) : void 0
     };
   }
+  _relativeAnnotationLocations(annotations) {
+    return annotations.map((annotation) => ({
+      ...annotation,
+      location: annotation.location ? this._relativeLocation(annotation.location) : void 0
+    }));
+  }
   _relativeLocation(location) {
     if (!location)
       return location;

package/lib/runner/loadUtils.js

@@ -184,7 +184,7 @@ function createProjectSuite(project, fileSuites) {
   const grepMatcher = (0, import_util.createTitleMatcher)(project.project.grep);
   const grepInvertMatcher = project.project.grepInvert ? (0, import_util.createTitleMatcher)(project.project.grepInvert) : null;
   (0, import_suiteUtils.filterTestsRemoveEmptySuites)(projectSuite, (test) => {
-    const grepTitle = test._grepTitle();
+    const grepTitle = test._grepTitleWithTags();
     if (grepInvertMatcher?.(grepTitle))
       return false;
     return grepMatcher(grepTitle);
@@ -200,7 +200,7 @@ function filterProjectSuite(projectSuite, options) {
   if (options.testIdMatcher)
     (0, import_suiteUtils.filterByTestIds)(result, options.testIdMatcher);
   (0, import_suiteUtils.filterTestsRemoveEmptySuites)(result, (test) => {
-    if (options.cliTitleMatcher && !options.cliTitleMatcher(test._grepTitle()))
+    if (options.cliTitleMatcher && !options.cliTitleMatcher(test._grepTitleWithTags()))
       return false;
     if (options.additionalFileMatcher && !options.additionalFileMatcher(test.location.file))
       return false;

package/lib/worker/testInfo.js

@@ -41,6 +41,7 @@ var import_timeoutManager = require("./timeoutManager");
 var import_util = require("../util");
 var import_testTracing = require("./testTracing");
 var import_util2 = require("./util");
+var import_transform = require("../transform/transform");
 class TestInfoImpl {
   constructor(configInternal, projectInternal, workerParams, test, retry, onStepBegin, onStepEnd, onAttach) {
     this._snapshotNames = { lastAnonymousSnapshotIndex: 0, lastNamedSnapshotIndex: {} };
@@ -110,6 +111,10 @@ class TestInfoImpl {
       return this.attachments.length;
     };
     this._tracing = new import_testTracing.TestTracing(this, workerParams.artifactsDir);
+    this.skip = (0, import_transform.wrapFunctionWithLocation)((location, ...args) => this._modifier("skip", location, args));
+    this.fixme = (0, import_transform.wrapFunctionWithLocation)((location, ...args) => this._modifier("fixme", location, args));
+    this.fail = (0, import_transform.wrapFunctionWithLocation)((location, ...args) => this._modifier("fail", location, args));
+    this.slow = (0, import_transform.wrapFunctionWithLocation)((location, ...args) => this._modifier("slow", location, args));
   }
   get error() {
     return this.errors[0];
@@ -135,7 +140,7 @@ class TestInfoImpl {
   static _defaultDeadlineForMatcher(timeout) {
     return { deadline: timeout ? (0, import_utils.monotonicTime)() + timeout : 0, timeoutMessage: `Timeout ${timeout}ms exceeded while waiting on the predicate` };
   }
-  _modifier(type, modifierArgs) {
+  _modifier(type, location, modifierArgs) {
     if (typeof modifierArgs[1] === "function") {
       throw new Error([
         "It looks like you are calling test.skip() inside the test and pass a callback.",
@@ -148,7 +153,7 @@ class TestInfoImpl {
     if (modifierArgs.length >= 1 && !modifierArgs[0])
       return;
     const description = modifierArgs[1];
-    this.annotations.push({ type, description });
+    this.annotations.push({ type, description, location });
     if (type === "slow") {
       this._timeoutManager.slow();
     } else if (type === "skip" || type === "fixme") {
@@ -418,18 +423,6 @@ ${(0, import_utils.stringifyStackFrames)(step.boxedStack).join("\n")}`;
       throw new Error(`testInfo.snapshotPath: unknown kind "${kind}", must be one of "snapshot", "screenshot" or "aria"`);
     return this._resolveSnapshotPaths(kind, name.length <= 1 ? name[0] : name, "dontUpdateSnapshotIndex").absoluteSnapshotPath;
   }
-  skip(...args) {
-    this._modifier("skip", args);
-  }
-  fixme(...args) {
-    this._modifier("fixme", args);
-  }
-  fail(...args) {
-    this._modifier("fail", args);
-  }
-  slow(...args) {
-    this._modifier("slow", args);
-  }
   setTimeout(timeout) {
     this._timeoutManager.setTimeout(timeout);
   }
@@ -439,10 +432,17 @@ class TestStepInfoImpl {
     this.annotations = [];
     this._testInfo = testInfo;
     this._stepId = stepId;
+    this.skip = (0, import_transform.wrapFunctionWithLocation)((location, ...args) => {
+      if (args.length > 0 && !args[0])
+        return;
+      const description = args[1];
+      this.annotations.push({ type: "skip", description, location });
+      throw new StepSkipError(description);
+    });
   }
-  async _runStepBody(skip, body) {
+  async _runStepBody(skip, body, location) {
     if (skip) {
-      this.annotations.push({ type: "skip" });
+      this.annotations.push({ type: "skip", location });
       return void 0;
     }
     try {
@@ -459,13 +459,6 @@ class TestStepInfoImpl {
   async attach(name, options) {
     this._attachToStep(await (0, import_util.normalizeAndSaveAttachment)(this._testInfo.outputPath(), name, options));
   }
-  skip(...args) {
-    if (args.length > 0 && !args[0])
-      return;
-    const description = args[1];
-    this.annotations.push({ type: "skip", description });
-    throw new StepSkipError(description);
-  }
 }
 class TestSkipError extends Error {
 }

package/lib/worker/workerMain.js

@@ -391,7 +391,7 @@ class WorkerMain extends import_process.ProcessRunner {
         continue;
       const fn = async (fixtures) => {
         const result = await modifier.fn(fixtures);
-        testInfo[modifier.type](!!result, modifier.description);
+        testInfo._modifier(modifier.type, modifier.location, [!!result, modifier.description]);
       };
       (0, import_fixtures.inheritFixtureNames)(modifier.fn, fn);
       runnables.push({

package/package.json

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

package/types/test.d.ts

@@ -22,7 +22,7 @@ export type BlobReporterOptions = { outputDir?: string, fileName?: string };
 export type ListReporterOptions = { printSteps?: boolean };
 export type JUnitReporterOptions = { outputFile?: string, stripANSIControlSequences?: boolean, includeProjectInTestName?: boolean };
 export type JsonReporterOptions = { outputFile?: string };
-export type HtmlReporterOptions = { outputFolder?: string, open?: 'always' | 'never' | 'on-failure', host?: string, port?: number, attachmentsBaseURL?: string, title?: string, snippets?: boolean };
+export type HtmlReporterOptions = { outputFolder?: string, open?: 'always' | 'never' | 'on-failure', host?: string, port?: number, attachmentsBaseURL?: string, title?: string, noSnippets?: boolean };
 
 export type ReporterDescription = Readonly<
   ['blob'] | ['blob', BlobReporterOptions] |
@@ -2325,6 +2325,11 @@ export interface TestInfo {
      * Optional description.
      */
     description?: string;
+
+    /**
+     * Optional location in the source where the annotation is added.
+     */
+    location?: Location;
   }>;
 
   /**
@@ -2575,7 +2580,9 @@ export type TestDetailsAnnotation = {
   description?: string;
 };
 
-export type TestAnnotation = TestDetailsAnnotation;
+export type TestAnnotation = TestDetailsAnnotation & {
+  location?: Location;
+};
 
 export type TestDetails = {
   tag?: string | string[];

package/types/testReporter.d.ts

@@ -451,6 +451,11 @@ export interface TestCase {
      * Optional description.
      */
     description?: string;
+
+    /**
+     * Optional location in the source where the annotation is added.
+     */
+    location?: Location;
   }>;
 
   /**
@@ -607,6 +612,11 @@ export interface TestResult {
      * Optional description.
      */
     description?: string;
+
+    /**
+     * Optional location in the source where the annotation is added.
+     */
+    location?: Location;
   }>;
 
   /**
@@ -722,6 +732,11 @@ export interface TestStep {
      * Optional description.
      */
     description?: string;
+
+    /**
+     * Optional location in the source where the annotation is added.
+     */
+    location?: Location;
   }>;
 
   /**