gpt4 book ai didi

snapshot-testing - 如何格式化由 Verify.PlayWright 返回的 HTML 以便更好地进行比较

转载 作者:行者123 更新时间:2023-12-04 07:41:46 25 4
gpt4 key购买 nike

我正在使用 Verify.PlayWright并拍摄 HTML 元素快照。当比较打开时,所有 HTML 都在一行上。这使得很难看出差异。有没有办法格式化 HTML 以获得更好的比较?

var root = await page.QuerySelectorAsync("#sectionContainer .tree-root");
await Verifier.Verify(root);

最佳答案

您可以使用 Verify.AngleSharp .它具有 ppretty 打印 html]( https://github.com/VerifyTests/Verify.AngleSharp#pretty-print ) 以进行比较的功能。

  • 安装 https://nuget.org/packages/Verify.AngleSharp/
  • 调用 VerifyAngleSharpDiffing.Initialize()一次在程序集加载时。
  • 使用 PrettyPrintHtml在您的测试中:

  • [Test]
    public Task PrettyPrintHtml()
    {
    var html = @"<!DOCTYPE html>
    <html><body><h1>My First Heading</h1>
    <p>My first paragraph.</p></body></html>";
    return Verifier.Verify(html)
    .UseExtension("html")
    .PrettyPrintHtml();
    }
    这将产生一个经过验证的文件,其中包含
    <!DOCTYPE html>
    <html>
    <head></head>
    <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    </body>
    </html>

    关于snapshot-testing - 如何格式化由 Verify.PlayWright 返回的 HTML 以便更好地进行比较,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67422339/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com