跳转到主要内容

Trace 查看器

简介

Playwright 追踪查看器是一个图形用户界面工具,可让您探索录制的 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

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

下一步