Java Playwright：如何为Trace Viewer中的操作重命名或添加标签

完全可以通过Playwright内置的API在生成Trace时直接添加自定义名称或注释，无需事后编辑trace文件，以下是两种实用方案：

方案1：使用Trace Chunks分组操作并添加标题 #

通过page.tracing.startChunk()和page.tracing.stopChunk()将一组相关操作封装为带自定义标题的chunk，Trace Viewer中会直接显示这个可读标题，把底层定位器的操作归到易理解的分组下：

// 封装填写表单的操作并添加自定义标题
await page.tracing.startChunk({ title: "填写用户反馈表单" });
await page.fill("textarea[name='textarea-test']", "测试反馈内容");
await page.click("button[type='submit']");
await page.tracing.stopChunk();

方案2：为单个操作添加自定义注释 #

使用page.tracing.annotate()为每个操作添加可读描述，这些注释会直接显示在Trace Viewer中对应操作的上方，补充或替代原始的定位器文本：

await page.tracing.annotate({ description: "填写反馈文本框" });
await page.fill("textarea[name='textarea-test']", "测试内容");

await page.tracing.annotate({ description: "提交反馈按钮" });
await page.click("button#submit-btn");

这两种方式都是在生成Trace的过程中直接写入自定义元数据，完全不影响Trace对操作执行时间的精确记录，同时大幅提升了Trace的可读性。

内容的提问来源于stack exchange，提问作者binaryRat