跳至主要内容

Trace viewer

简介

Playwright Trace Viewer 是一个图形界面工具,可让您浏览已记录的测试Playwright跟踪记录,这意味着您可以前后查看测试的每个操作步骤,并直观地了解每个操作期间发生的情况。

你将学习

  • 如何记录跟踪
  • 如何打开追踪查看器

录制跟踪记录

可以使用BrowserContext.Tracing API如下记录跟踪信息:

using System.Text.RegularExpressions;
using Microsoft.Playwright;
using Microsoft.Playwright.MSTest;

namespace PlaywrightTests;

[TestClass]
public class ExampleTest : PageTest
{
[TestInitialize]
public async Task TestInitialize()
{
await Context.Tracing.StartAsync(new()
{
Title = $"{TestContext.FullyQualifiedTestClassName}.{TestContext.TestName}",
Screenshots = true,
Snapshots = true,
Sources = true
});
}

[TestCleanup]
public async Task TestCleanup()
{
await Context.Tracing.StopAsync(new()
{
Path = Path.Combine(
Environment.CurrentDirectory,
"playwright-traces",
$"{TestContext.FullyQualifiedTestClassName}.{TestContext.TestName}.zip"
)
});
}

[TestMethod]
public async Task GetStartedLink()
{
// ...
}
}

这将为每个测试记录一个zip文件,例如PlaywrightTests.ExampleTest.GetStartedLink.zip,并将其放入bin/Debug/net8.0/playwright-traces/目录中。

打开跟踪记录

您可以使用Playwright CLI或在浏览器中打开trace.playwright.dev来查看保存的跟踪记录。请确保添加跟踪zip文件的完整路径。打开后,您可以点击每个操作或使用时间线查看每个操作前后页面的状态。您还可以在测试的每个步骤中检查日志、源代码和网络情况。跟踪查看器会创建DOM快照,因此您可以完全与之交互,比如打开开发者工具等。

pwsh bin/Debug/net8.0/playwright.ps1 show-trace bin/Debug/net8.0/playwright-traces/PlaywrightTests.ExampleTest.GetStartedLink.zip

playwright trace viewer dotnet

查看我们关于Trace Viewer的详细指南,了解更多关于追踪查看器的信息,以及如何设置您的测试以便仅在测试失败时记录追踪。

下一步