@smoothdeploy/playwright 1.62.1 → 1.63.0

package/lib/cli/testActions.js

@@ -128,6 +128,7 @@ function overridesFromOptions(options) {
     repeatEach: options.repeatEach ? parseInt(options.repeatEach, 10) : void 0,
     retries: options.retries ? parseInt(options.retries, 10) : void 0,
     reporter: resolveReporterOption(options.reporter),
+    additionalReporters: resolveReporterOption(options.addReporter),
     shard: resolveShardOption(options.shard),
     timeout: options.timeout ? parseInt(options.timeout, 10) : void 0,
     tsconfig: options.tsconfig ? import_path.default.resolve(process.cwd(), options.tsconfig) : void 0,

package/lib/common/index.js

@@ -63,11 +63,9 @@ __export(compilationCache_exports, {
   dependenciesForTestFile: () => dependenciesForTestFile,
   fileDependenciesForTest: () => fileDependenciesForTest,
   getFromCompilationCache: () => getFromCompilationCache,
-  getUserData: () => getUserData,
   installSourceMapSupport: () => installSourceMapSupport,
   internalDependenciesForTestFile: () => internalDependenciesForTestFile,
   serializeCompilationCache: () => serializeCompilationCache,
-  setExternalDependencies: () => setExternalDependencies,
   startCollectingFileDeps: () => startCollectingFileDeps,
   stopCollectingFileDeps: () => stopCollectingFileDeps
 });
@@ -86,7 +84,6 @@ var cacheDir = process.env.PWTEST_CACHE_DIR || (() => {
 var sourceMaps = /* @__PURE__ */ new Map();
 var memoryCache = /* @__PURE__ */ new Map();
 var fileDependencies = /* @__PURE__ */ new Map();
-var externalDependencies = /* @__PURE__ */ new Map();
 function installSourceMapSupport() {
   Error.stackTraceLimit = 200;
   sourceMapSupport.install({
@@ -149,25 +146,22 @@ function getFromCompilationCache(filename, contentHash, moduleUrl) {
   const cachePath = calculateCachePath(filename, cacheFolderName, hashPrefix);
   const codePath = cachePath + ".js";
   const sourceMapPath = cachePath + ".map";
-  const dataPath = cachePath + ".data";
   try {
     const cachedCode = readCodeCache(codePath);
-    const serializedCache = _innerAddToCompilationCacheAndSerialize(filename, { codePath, sourceMapPath, dataPath, moduleUrl });
+    const serializedCache = _innerAddToCompilationCacheAndSerialize(filename, { codePath, sourceMapPath, moduleUrl });
     return { cachedCode, serializedCache };
   } catch {
   }
   return {
-    addToCache: (code, map, data) => {
+    addToCache: (code, map) => {
       if ((0, import_globals.isWorkerProcess)())
         return {};
       clearOldCacheEntries(cacheFolderName, filePathHash);
       import_fs.default.mkdirSync(import_path.default.dirname(cachePath), { recursive: true });
       if (map)
         import_fs.default.writeFileSync(sourceMapPath, JSON.stringify(map), "utf8");
-      if (data.size)
-        import_fs.default.writeFileSync(dataPath, JSON.stringify(Object.fromEntries(data.entries()), void 0, 2), "utf8");
       writeCodeCache(codePath, code);
-      const serializedCache = _innerAddToCompilationCacheAndSerialize(filename, { codePath, sourceMapPath, dataPath, moduleUrl });
+      const serializedCache = _innerAddToCompilationCacheAndSerialize(filename, { codePath, sourceMapPath, moduleUrl });
       return { serializedCache };
     }
   };
@@ -176,8 +170,7 @@ function serializeCompilationCache() {
   return {
     sourceMaps: [...sourceMaps.entries()],
     memoryCache: [...memoryCache.entries()],
-    fileDependencies: [...fileDependencies.entries()].map(([filename, deps]) => [filename, [...deps]]),
-    externalDependencies: [...externalDependencies.entries()].map(([filename, deps]) => [filename, [...deps]])
+    fileDependencies: [...fileDependencies.entries()].map(([filename, deps]) => [filename, [...deps]])
   };
 }
 function addToCompilationCache(payload) {
@@ -189,10 +182,6 @@ function addToCompilationCache(payload) {
     const existing = fileDependencies.get(entry[0]) || [];
     fileDependencies.set(entry[0], /* @__PURE__ */ new Set([...entry[1], ...existing]));
   }
-  for (const entry of payload.externalDependencies) {
-    const existing = externalDependencies.get(entry[0]) || [];
-    externalDependencies.set(entry[0], /* @__PURE__ */ new Set([...entry[1], ...existing]));
-  }
 }
 function calculateFilePathHash(filePath) {
   return calculateSha1(filePath).substring(0, 10);
@@ -228,10 +217,6 @@ function stopCollectingFileDeps(filename) {
 function currentFileDepsCollector() {
   return depsCollector2;
 }
-function setExternalDependencies(filename, deps) {
-  const depsSet = new Set(deps.filter((dep) => !belongsToNodeModules(dep) && dep !== filename));
-  externalDependencies.set(filename, depsSet);
-}
 function fileDependenciesForTest() {
   return Object.fromEntries([...fileDependencies.entries()].map((entry) => [import_path.default.basename(entry[0]), [...entry[1]].map((f) => import_path.default.basename(f)).sort()]));
 }
@@ -243,16 +228,6 @@ function collectAffectedTestFiles(changedFile, testFileCollector) {
     if (deps.has(changedFile))
       testFileCollector.add(testFile);
   }
-  for (const [importingFile, depsOfImportingFile] of externalDependencies) {
-    if (depsOfImportingFile.has(changedFile)) {
-      if (isTestFile(importingFile))
-        testFileCollector.add(importingFile);
-      for (const [testFile, depsOfTestFile] of fileDependencies) {
-        if (depsOfTestFile.has(importingFile))
-          testFileCollector.add(testFile);
-      }
-    }
-  }
 }
 function affectedTestFiles(changes) {
   const result2 = /* @__PURE__ */ new Set();
@@ -264,15 +239,7 @@ function internalDependenciesForTestFile(filename) {
   return fileDependencies.get(filename);
 }
 function dependenciesForTestFile(filename) {
-  const result2 = /* @__PURE__ */ new Set();
-  for (const testDependency of fileDependencies.get(filename) || []) {
-    result2.add(testDependency);
-    for (const externalDependency of externalDependencies.get(testDependency) || [])
-      result2.add(externalDependency);
-  }
-  for (const dep of externalDependencies.get(filename) || [])
-    result2.add(dep);
-  return result2;
+  return fileDependencies.get(filename) || /* @__PURE__ */ new Set();
 }
 var kPlaywrightInternalPrefix = import_package.packageRoot;
 function belongsToNodeModules(file2) {
@@ -282,19 +249,6 @@ function belongsToNodeModules(file2) {
     return true;
   return false;
 }
-async function getUserData(pluginName) {
-  const result2 = /* @__PURE__ */ new Map();
-  for (const [fileName2, cache] of memoryCache) {
-    if (!cache.dataPath)
-      continue;
-    if (!import_fs.default.existsSync(cache.dataPath))
-      continue;
-    const data = JSON.parse(await import_fs.default.promises.readFile(cache.dataPath, "utf8"));
-    if (data[pluginName])
-      result2.set(fileName2, data[pluginName]);
-  }
-  return result2;
-}
 
 // packages/playwright/src/common/config.ts
 var config_exports = {};
@@ -565,7 +519,7 @@ var FullConfigInternal = class {
       preserveOutput: takeFirst(userConfig.preserveOutput, "always"),
       projects: [],
       quiet: takeFirst(configCLIOverrides.quiet, userConfig.quiet, false),
-      reporter: takeFirst(configCLIOverrides.reporter, resolveReporters(userConfig.reporter, configDir), [[defaultReporter]]),
+      reporter: [...takeFirst(configCLIOverrides.reporter, resolveReporters(userConfig.reporter, configDir), [[defaultReporter]]), ...configCLIOverrides.additionalReporters ?? []],
       reportSlowTests: takeFirst(userConfig.reportSlowTests, {
         max: 5,
         threshold: 3e5
@@ -623,6 +577,10 @@ var FullProjectInternal = class {
     this.fullConfig = fullConfig;
     const testDir = takeFirst(pathResolve(configDir, projectConfig.testDir), pathResolve(configDir, config.testDir), fullConfig.configDir);
     this.snapshotPathTemplate = takeFirst(projectConfig.snapshotPathTemplate, config.snapshotPathTemplate);
+    const use = mergeObjects(config.use, projectConfig.use, configCLIOverrides.use);
+    const configTrace = takeFirst(projectConfig.use?.trace, config.use?.trace);
+    if (typeof configCLIOverrides.use?.trace === "string" && typeof configTrace === "object" && configTrace)
+      use.trace = { ...configTrace, mode: configCLIOverrides.use.trace };
     this.project = {
       grep: takeFirst(projectConfig.grep, config.grep, defaultGrep),
       grepInvert: takeFirst(projectConfig.grepInvert, config.grepInvert, null),
@@ -638,7 +596,7 @@ var FullProjectInternal = class {
       testIgnore: takeFirst(projectConfig.testIgnore, config.testIgnore, []),
       testMatch: takeFirst(projectConfig.testMatch, config.testMatch, "**/*.@(spec|test).?(c|m)[jt]s?(x)"),
       timeout: takeFirst(configCLIOverrides.debug === "inspector" ? 0 : void 0, configCLIOverrides.timeout, projectConfig.timeout, config.timeout, defaultTimeout),
-      use: mergeObjects(config.use, projectConfig.use, configCLIOverrides.use),
+      use,
       dependencies: projectConfig.dependencies || [],
       teardown: projectConfig.teardown,
       ignoreSnapshots: takeFirst(configCLIOverrides.ignoreSnapshots, projectConfig.ignoreSnapshots, config.ignoreSnapshots, false)
@@ -729,7 +687,7 @@ function toReporters(reporters) {
     return [[reporters]];
   return reporters;
 }
-var builtInReporters = ["list", "line", "dot", "json", "junit", "null", "github", "html", "blob", "smoothdeploy"];
+var builtInReporters = ["list", "line", "dot", "json", "junit", "null", "github", "html", "blob", "perfetto", "smoothdeploy"];
 function resolveScript(id, rootDir) {
   if (!id)
     return void 0;
@@ -766,7 +724,6 @@ __export(transform_exports, {
   resolveHook: () => resolveHook,
   setSingleTSConfig: () => setSingleTSConfig,
   setTransformConfig: () => setTransformConfig,
-  setTransformData: () => setTransformData,
   shouldTransform: () => shouldTransform,
   startCollectingFileDeps: () => startCollectingFileDeps2,
   stopCollectingFileDeps: () => stopCollectingFileDeps2,
@@ -968,7 +925,6 @@ var sourceMapSupport2 = require("playwright-core/lib/utilsBundle").sourceMapSupp
 var version = import_package3.packageJSON.version;
 var cachedTSConfigs = /* @__PURE__ */ new Map();
 var _transformConfig = {
-  babelPlugins: [],
   external: []
 };
 var _externalMatcher = () => false;
@@ -1093,35 +1049,24 @@ function shouldTransform(filename) {
     return false;
   return !belongsToNodeModules(filename);
 }
-var transformData;
-function setTransformData(pluginName, value) {
-  transformData.set(pluginName, value);
-}
 function transformHook(originalCode, filename, moduleUrl) {
   const hasPreprocessor = process.env.PW_TEST_SOURCE_TRANSFORM && process.env.PW_TEST_SOURCE_TRANSFORM_SCOPE && process.env.PW_TEST_SOURCE_TRANSFORM_SCOPE.split(pathSeparator).some((f) => filename.startsWith(f));
-  const pluginsPrologue = _transformConfig.babelPlugins;
   const pluginsEpilogue = hasPreprocessor ? [[process.env.PW_TEST_SOURCE_TRANSFORM]] : [];
-  const hash = calculateHash(originalCode, filename, !!moduleUrl, pluginsPrologue, pluginsEpilogue);
+  const hash = calculateHash(originalCode, filename, !!moduleUrl, pluginsEpilogue);
   const { cachedCode, addToCache, serializedCache } = getFromCompilationCache(filename, hash, moduleUrl);
   if (cachedCode !== void 0)
     return { code: cachedCode, serializedCache };
   process.env.BROWSERSLIST_IGNORE_OLD_DATA = "true";
   const { babelTransform } = require((0, import_package3.libPath)("transform", "babelBundle"));
-  transformData = /* @__PURE__ */ new Map();
-  const setTransformDataForPlugin = (key, value) => transformData.set(key, value);
-  const wrappedPrologue = pluginsPrologue.map(([name, opts]) => [
-    name,
-    { ...opts || {}, setTransformData: setTransformDataForPlugin }
-  ]);
-  const babelResult = babelTransform(originalCode, filename, !!moduleUrl, wrappedPrologue, pluginsEpilogue, _transformConfig.jsxImportSource);
+  const babelResult = babelTransform(originalCode, filename, !!moduleUrl, pluginsEpilogue, _transformConfig.jsxImportSource);
   if (!babelResult?.code)
     return { code: originalCode, serializedCache };
   const { code, map } = babelResult;
-  const added = addToCache(code, map, transformData);
+  const added = addToCache(code, map);
   return { code, serializedCache: added.serializedCache };
 }
-function calculateHash(content, filePath, isModule2, pluginsPrologue, pluginsEpilogue) {
-  const hash = import_crypto.default.createHash("sha1").update(isModule2 ? "esm" : "no_esm").update(content).update(filePath).update(version).update(pluginsPrologue.map((p) => p[0]).join(",")).update(pluginsEpilogue.map((p) => p[0]).join(",")).digest("hex");
+function calculateHash(content, filePath, isModule2, pluginsEpilogue) {
+  const hash = import_crypto.default.createHash("sha1").update(isModule2 ? "esm" : "no_esm").update(content).update(filePath).update(version).update(pluginsEpilogue.map((p) => p[0]).join(",")).digest("hex");
   return hash;
 }
 async function requireOrImport(file) {
@@ -1337,10 +1282,9 @@ async function loadConfig(location, overrides, ignoreProjectDependencies = false
       project.teardown = void 0;
     }
   }
-  const babelPlugins = userConfig["@playwright/test"]?.babelPlugins || [];
   const external = userConfig.build?.external || [];
   const jsxImportSource = import_path7.default.dirname(require.resolve("playwright"));
-  await setTransformConfig({ babelPlugins, external, jsxImportSource });
+  await setTransformConfig({ external, jsxImportSource });
   if (!overrides?.tsconfig)
     await setSingleTSConfig(fullConfig?.singleTSConfigPath);
   return fullConfig;
@@ -2007,6 +1951,7 @@ function startProcessRunner(create) {
   });
 }
 var kForceExitTimeout = +(process.env.PWTEST_FORCE_EXIT_TIMEOUT || 3e4);
+var kHeartbeatInterval = 1e3;
 async function gracefullyCloseAndExit(forceExit) {
   if (forceExit && !forceExitInitiated) {
     forceExitInitiated = true;
@@ -2014,8 +1959,11 @@ async function gracefullyCloseAndExit(forceExit) {
   }
   if (!gracefullyCloseCalled) {
     gracefullyCloseCalled = true;
+    const heartbeat = setInterval(() => sendMessageToParent({ method: "__heartbeat__" }), kHeartbeatInterval);
+    heartbeat.unref();
     await processRunner?.gracefullyClose().catch(() => {
     });
+    clearInterval(heartbeat);
     if (processName)
       await stopProfiling(processName).catch(() => {
       });
@@ -2089,6 +2037,10 @@ function bindFileSuiteToProject(project, suite) {
     for (let parentSuite = suite2; parentSuite; parentSuite = parentSuite.parent) {
       if (parentSuite._staticAnnotations.length)
         test.annotations.unshift(...parentSuite._staticAnnotations);
+      if (parentSuite._parallelMode === "serial")
+        test.annotations.unshift({ type: "serial", location: parentSuite.location });
+      if (parentSuite._locks.length)
+        test._locks.push(...parentSuite._locks);
       if (inheritedRetries === void 0 && parentSuite._retries !== void 0)
         inheritedRetries = parentSuite._retries;
       if (inheritedTimeout === void 0 && parentSuite._timeout !== void 0)
@@ -2193,6 +2145,12 @@ var testDetailsSchema = {
         testAnnotationSchema,
         { type: "array", items: testAnnotationSchema }
       ]
+    },
+    lock: {
+      oneOf: [
+        { type: "string" },
+        { type: "array", items: { type: "string" } }
+      ]
     }
   }
 };
@@ -2205,9 +2163,12 @@ function validateTestDetails(details, location) {
   const tags = tag === void 0 ? [] : typeof tag === "string" ? [tag] : tag;
   const annotation = obj.annotation;
   const annotations = annotation === void 0 ? [] : Array.isArray(annotation) ? annotation : [annotation];
+  const lock = obj.lock;
+  const locks = lock === void 0 ? [] : typeof lock === "string" ? [lock] : lock;
   return {
     annotations: annotations.map((a) => ({ ...a, location })),
     tags,
+    locks,
     location
   };
 }
@@ -2291,6 +2252,7 @@ var TestTypeImpl = class _TestTypeImpl {
     test._requireFile = suite._requireFile;
     test.annotations.push(...validatedDetails.annotations);
     test._tags.push(...validatedDetails.tags);
+    test._locks.push(...validatedDetails.locks);
     suite._addTest(test);
     if (type === "only" || type === "fail.only")
       test._only = true;
@@ -2326,6 +2288,7 @@ var TestTypeImpl = class _TestTypeImpl {
     child.location = location;
     child._staticAnnotations.push(...validatedDetails.annotations);
     child._tags.push(...validatedDetails.tags);
+    child._locks.push(...validatedDetails.locks);
     suite._addSuite(child);
     if (type === "only" || type === "serial.only" || type === "parallel.only")
       child._only = true;
@@ -2432,7 +2395,7 @@ var TestTypeImpl = class _TestTypeImpl {
     if (!testInfo)
       throw new Error(`test.step() can only be called from a test`);
     await testInfo._onUserStepBegin?.(title);
-    const step = testInfo._addStep({ category: "test.step", title, location: options.location, box: options.box });
+    const step = testInfo._addStep({ category: "test.step", title, subtitle: options.subtitle, location: options.location, box: options.box, params: options.params });
     return await currentZone().with("stepZone", step).run(async () => {
       try {
         let result2 = void 0;
@@ -2573,6 +2536,7 @@ var Suite = class _Suite extends Base {
     this._staticAnnotations = [];
     // Explicitly declared tags that are not a part of the title.
     this._tags = [];
+    this._locks = [];
     this._modifiers = [];
     this._parallelMode = "none";
     this._type = type;
@@ -2715,6 +2679,7 @@ var Suite = class _Suite extends Base {
       retries: this._retries,
       staticAnnotations: this._staticAnnotations.slice(),
       tags: this._tags.slice(),
+      locks: this._locks.slice(),
       modifiers: this._modifiers.slice(),
       parallelMode: this._parallelMode,
       hooks: this._hooks.map((h) => ({ type: h.type, location: h.location, title: h.title })),
@@ -2730,6 +2695,7 @@ var Suite = class _Suite extends Base {
     suite._retries = data.retries;
     suite._staticAnnotations = data.staticAnnotations;
     suite._tags = data.tags;
+    suite._locks = data.locks;
     suite._modifiers = data.modifiers;
     suite._parallelMode = data.parallelMode;
     suite._hooks = data.hooks.map((h) => ({ type: h.type, location: h.location, title: h.title, fn: () => {
@@ -2765,6 +2731,7 @@ var TestCase = class _TestCase extends Base {
     this._projectId = "";
     // Explicitly declared tags that are not a part of the title.
     this._tags = [];
+    this._locks = [];
     this._planAnnotations = [];
     this.fn = fn;
     this._testType = testType;
@@ -2815,6 +2782,7 @@ var TestCase = class _TestCase extends Base {
       workerHash: this._workerHash,
       annotations: this.annotations.slice(),
       tags: this._tags.slice(),
+      locks: this._locks.slice(),
       projectId: this._projectId
     };
   }
@@ -2831,6 +2799,7 @@ var TestCase = class _TestCase extends Base {
     test._workerHash = data.workerHash;
     test.annotations = data.annotations;
     test._tags = data.tags;
+    test._locks = data.locks;
     test._projectId = data.projectId;
     return test;
   }

package/lib/common/index.js.txt

@@ -1,25 +1,25 @@
 # packages/playwright/lib/common/index.js
-# total: 114.2 KB
+# total: 112.8 KB
 
 ## Inlined (20)
-  12.0 KB  packages/playwright/src/common/config.ts
-  13.7 KB  packages/playwright/src/common/configLoader.ts
+  12.3 KB  packages/playwright/src/common/config.ts
+  13.6 KB  packages/playwright/src/common/configLoader.ts
   11.5 KB  packages/playwright/src/common/fixtures.ts
    0.8 KB  packages/playwright/src/common/index.ts
    1.3 KB  packages/playwright/src/common/ipc.ts
    2.1 KB  packages/playwright/src/common/poolBuilder.ts
-   3.9 KB  packages/playwright/src/common/process.ts
-   4.7 KB  packages/playwright/src/common/suiteUtils.ts
-   8.5 KB  packages/playwright/src/common/test.ts
+   4.1 KB  packages/playwright/src/common/process.ts
+   4.9 KB  packages/playwright/src/common/suiteUtils.ts
+   8.7 KB  packages/playwright/src/common/test.ts
    2.0 KB  packages/playwright/src/common/testLoader.ts
-  12.6 KB  packages/playwright/src/common/testType.ts
-   1.2 KB  packages/playwright/src/common/validators.ts
+  12.7 KB  packages/playwright/src/common/testType.ts
+   1.4 KB  packages/playwright/src/common/validators.ts
    1.3 KB  packages/playwright/src/isomorphic/teleReceiver.ts
-   9.7 KB  packages/playwright/src/transform/compilationCache.ts
+   7.8 KB  packages/playwright/src/transform/compilationCache.ts
    1.7 KB  packages/playwright/src/transform/esmLoaderSync.ts
    1.1 KB  packages/playwright/src/transform/pirates.ts
    1.1 KB  packages/playwright/src/transform/portTransport.ts
-  12.3 KB  packages/playwright/src/transform/transform.ts
+  11.6 KB  packages/playwright/src/transform/transform.ts
    2.9 KB  packages/playwright/src/transform/tsconfig-loader.ts
    7.0 KB  packages/playwright/src/util.ts
 

package/lib/index.js

@@ -49,8 +49,7 @@ var import_browserBackend = require("./mcp/test/browserBackend");
 var import_expect = require("./matchers/expect");
 var import_common2 = require("./common");
 var import_expect2 = require("./matchers/expect");
-const { asLocatorDescription } = require("playwright-core/lib/coreBundle").iso;
-const { getActionGroup, renderTitleForCall } = require("playwright-core/lib/coreBundle").iso;
+const { getActionGroup, renderParamsForCall, renderSubtitleForCall, renderTitleForCall, truncateParam } = require("playwright-core/lib/coreBundle").iso;
 const { escapeHTML } = require("playwright-core/lib/coreBundle").iso;
 const { jsonStringifyForceASCII } = require("playwright-core/lib/coreBundle").utils;
 const { createGuid } = require("playwright-core/lib/coreBundle").utils;
@@ -90,43 +89,41 @@ const utilityFixtures = {
     const csiListener = {
       onApiCallBegin: (data, channel) => {
         const testInfo2 = globals.currentTestInfo();
-        if (!testInfo2 || data.apiName.includes("setTestIdAttribute") || data.apiName === "tracing.groupEnd")
+        if (!testInfo2)
           return;
+        if (channel.type === "Tracing" && channel.method === "tracingGroupEnd") {
+          data.userData = (error) => tracingGroupSteps.pop()?.complete({ error });
+          return;
+        }
         const zone = currentZone().data("stepZone");
-        const isExpectCall = data.apiName === "locator._expect" || data.apiName === "frame._expect" || data.apiName === "page._expectScreenshot";
+        const isExpectCall = channel.type === "Frame" && channel.method === "expect" || channel.type === "Page" && channel.method === "expectScreenshot";
         if (zone && zone.category === "expect" && isExpectCall) {
-          if (zone.apiName)
-            data.apiName = zone.apiName;
-          if (zone.shortTitle || zone.title)
-            data.title = zone.shortTitle ?? zone.title;
           data.stepId = zone.stepId;
           if (resultScreenshots && channel.params?.selector)
             data._channel = channel;
           return;
         }
+        const params = renderParamsForCall({ type: channel.type, method: channel.method, params: channel.params });
         const step = testInfo2._addStep({
           location: data.frames[0],
           category: "pw:api",
           title: renderTitle(channel.type, channel.method, channel.params, data.title),
+          subtitle: renderSubtitle(channel.type, channel.method, channel.params),
           apiName: data.apiName,
-          params: channel.params,
+          channelMethod: `${channel.type}.${channel.method}`,
+          params,
           group: getActionGroup({ type: channel.type, method: channel.method })
         }, tracingGroupSteps[tracingGroupSteps.length - 1]);
-        data.userData = step;
         data.stepId = step.stepId;
-        if (data.apiName === "tracing.group")
+        if (channel.type === "Tracing" && channel.method === "tracingGroup") {
           tracingGroupSteps.push(step);
+        } else {
+          data.userData = (error) => step.complete({ error });
+        }
         if (resultScreenshots && channel.params?.selector)
           data._channel = channel;
       },
       onApiCallEnd: async (data) => {
-        if (data.apiName === "tracing.group")
-          return;
-        if (data.apiName === "tracing.groupEnd") {
-          const step2 = tracingGroupSteps.pop();
-          step2?.complete({ error: data.error });
-          return;
-        }
         const channel = data._channel;
         if (channel && !data.error) {
           const testInfo2 = globals.currentTestInfo();
@@ -137,8 +134,8 @@ const utilityFixtures = {
             }
           }
         }
-        const step = data.userData;
-        step?.complete({ error: data.error });
+        const completeStep = data.userData;
+        completeStep?.(data.error);
       },
       onWillPause: ({ keepTestTimeout }) => {
         if (!keepTestTimeout)
@@ -257,8 +254,10 @@ const playwrightFixtures = {
   acceptDownloads: [({ contextOptions }, use) => use(contextOptions.acceptDownloads ?? true), { option: true, box: true }],
   bypassCSP: [({ contextOptions }, use) => use(contextOptions.bypassCSP ?? false), { option: true, box: true }],
   colorScheme: [({ contextOptions }, use) => use(contextOptions.colorScheme === void 0 ? "light" : contextOptions.colorScheme), { option: true, box: true }],
+  contrast: [({ contextOptions }, use) => use(contextOptions.contrast === void 0 ? "no-preference" : contextOptions.contrast), { option: true, box: true }],
   deviceScaleFactor: [({ contextOptions }, use) => use(contextOptions.deviceScaleFactor), { option: true, box: true }],
   extraHTTPHeaders: [({ contextOptions }, use) => use(contextOptions.extraHTTPHeaders), { option: true, box: true }],
+  forcedColors: [({ contextOptions }, use) => use(contextOptions.forcedColors === void 0 ? "none" : contextOptions.forcedColors), { option: true, box: true }],
   geolocation: [({ contextOptions }, use) => use(contextOptions.geolocation), { option: true, box: true }],
   hasTouch: [({ contextOptions }, use) => use(contextOptions.hasTouch ?? false), { option: true, box: true }],
   httpCredentials: [({ contextOptions }, use) => use(contextOptions.httpCredentials), { option: true, box: true }],
@@ -269,6 +268,7 @@ const playwrightFixtures = {
   offline: [({ contextOptions }, use) => use(contextOptions.offline ?? false), { option: true, box: true }],
   permissions: [({ contextOptions }, use) => use(contextOptions.permissions), { option: true, box: true }],
   proxy: [({ contextOptions }, use) => use(contextOptions.proxy), { option: true, box: true }],
+  reducedMotion: [({ contextOptions }, use) => use(contextOptions.reducedMotion === void 0 ? "no-preference" : contextOptions.reducedMotion), { option: true, box: true }],
   storageState: [({ contextOptions }, use) => use(contextOptions.storageState), { option: true, box: true }],
   clientCertificates: [({ contextOptions }, use) => use(contextOptions.clientCertificates), { option: true, box: true }],
   timezoneId: [({ contextOptions }, use) => use(contextOptions.timezoneId), { option: true, box: true }],
@@ -286,8 +286,10 @@ const playwrightFixtures = {
     bypassCSP,
     clientCertificates,
     colorScheme,
+    contrast,
     deviceScaleFactor,
     extraHTTPHeaders,
+    forcedColors,
     hasTouch,
     geolocation,
     httpCredentials,
@@ -298,6 +300,7 @@ const playwrightFixtures = {
     offline,
     permissions,
     proxy,
+    reducedMotion,
     storageState,
     viewport,
     timezoneId,
@@ -313,10 +316,14 @@ const playwrightFixtures = {
       options.bypassCSP = bypassCSP;
     if (colorScheme !== void 0)
       options.colorScheme = colorScheme;
+    if (contrast !== void 0)
+      options.contrast = contrast;
     if (deviceScaleFactor !== void 0)
       options.deviceScaleFactor = deviceScaleFactor;
     if (extraHTTPHeaders !== void 0)
       options.extraHTTPHeaders = extraHTTPHeaders;
+    if (forcedColors !== void 0)
+      options.forcedColors = forcedColors;
     if (geolocation !== void 0)
       options.geolocation = geolocation;
     if (hasTouch !== void 0)
@@ -337,6 +344,8 @@ const playwrightFixtures = {
       options.permissions = permissions;
     if (proxy !== void 0)
       options.proxy = proxy;
+    if (reducedMotion !== void 0)
+      options.reducedMotion = reducedMotion;
     if (storageState !== void 0)
       options.storageState = storageState;
     if (clientCertificates?.length)
@@ -660,6 +669,7 @@ class ArtifactsRecorder {
   }
   async didCreateBrowserContext(context) {
     await this._startTraceChunkOnContextCreation(context, context.tracing);
+    await this._startTraceChunkOnContextCreation(context.request, context.request.tracing);
   }
   async willCloseBrowserContext(context) {
     await this._stopTracing(context, context.tracing);
@@ -745,6 +755,7 @@ class ArtifactsRecorder {
     const leftoverContexts = this._playwright._allContexts();
     const leftoverApiRequests = Array.from(this._playwright.request._contexts);
     await Promise.all(leftoverContexts.map(async (context2) => {
+      await this._stopTracing(context2.request, context2.request.tracing);
       await this._stopTracing(context2, context2.tracing);
     }).concat(leftoverApiRequests.map(async (context2) => {
       await this._stopTracing(context2, context2.tracing);
@@ -900,11 +911,11 @@ function createTestOverlay(parts, position, fontSize) {
   </div>`;
 }
 function renderTitle(type, method, params, title) {
-  const prefix = renderTitleForCall({ title, type, method, params });
-  let selector;
-  if (params?.["selector"] && typeof params.selector === "string")
-    selector = asLocatorDescription("javascript", params.selector);
-  return prefix + (selector ? ` ${selector}` : "");
+  return renderTitleForCall({ title, type, method, params });
+}
+function renderSubtitle(type, method, params) {
+  const subtitle = renderSubtitleForCall({ type, method, params });
+  return subtitle === void 0 ? void 0 : truncateParam(subtitle);
 }
 function tracing() {
   return test.info()._tracing;