1. 首页
  2. 问答
  3. [microsoft/playwright][BUG] 轨迹中时间线视图的图像未正确居中且过度放大

[microsoft/playwright][BUG] 轨迹中时间线视图的图像未正确居中且过度放大

2024-04-09 446 views
2
系统信息
  • 剧作家版本：[v1.37.1，1.38.0]
  • 操作系统：[测试在 ubuntu-20.04 运行器上运行，在 macos 13.4.1 上查看跟踪，但我认为在查看它们时在任何操作系统上都会发生]
  • 浏览器：[WebKit]
  • 其他信息：也发生在 v.1.38 中。与https://github.com/microsoft/playwright/issues/23839相同
源代码

不幸的是，我什至无法共享部分存储库，因为它包含与公司相关的敏感信息。我认为任何测试都应该发生这种情况。

配置文件

// playwright.config.ts, webkit config
    {
      name: 'webkit',
      use: {
        ...devices['Desktop Safari']
      },
      expect: {
        timeout: 2 * 15 * 1000
      }
    }

脚步

  • 在跟踪查看器中打开失败的 WebKit 测试。

预期的

时间轴图像正确居中和缩放，与其他浏览器相同

实际的

时间轴图像未正确居中并且放大得很厉害。

截图 2023-10-10 16 58 28

nbaldzhiev

回答

2

@nbaldzhiev 您运行浏览器的操作系统是什么？

dgozman

2

@nbaldzhiev 您运行浏览器的操作系统是什么？

@dgozman 我在 macOS Ventura 13.4.1 (22F82) 上打开报告，并在ubuntu-20.04-4cpusgithub 运行器中运行测试。作为附加信息，我们使用playwright-merge-html-reports包 ( )合并 html 报告^0.2.8，而不是使用最近发布的 Playwright 合并工具。

顺便说一句，我刚刚注意到，当我在 webkit 中本地（在 Macos 上）运行失败的测试时，跟踪时间线图像和快照实际上没问题？所以我猜运行测试的平台和创建跟踪的平台才是造成差异的原因（如上所述，在 CI 中我们在ubuntu-20.04-4cpusgithub 运行器中运行）。

nbaldzhiev

0

@nbaldzhiev 谢谢您提供的信息。我们测试了这个配置，效果很好。我想我们需要重现这个问题。如果您认为它发生在任何测试中，也许在我们的示例测试之一（例如npm init playwright创建的内容）上运行会为您重现它？请帮助我们制作重现，否则我们不太可能解决此问题。

dgozman

6

@dgozman 好的，我会尝试创建一个可以与您分享的可重现的示例。我记得我之前没有说过的另一件事是，我们在 head 模式下运行 Firefox 和 Webkit xvfb-run，我们的命令如下（省略实际选项值）

xvfb-run npx playwright test --project=project --shard=shard --headed

有可能与它有关吗xvfb？

nbaldzhiev

3

很可能它与 xvfb 无关。右侧的图像看起来像地图，这是一个画布元素，没有显示在跟踪查看器中吗？

mxschmitt

6

是的，有一个canvas带有地图的元素，它使用deckgl.但我相信跟踪总是看起来像这样，即使测试没有打开带有地图画布的页面。我将努力尝试获得一个可重现的示例，但所有公司代码都通过 GitHub Actions 工作流程运行，因此我需要分配一些时间来创建一个独立的可执行示例。

nbaldzhiev

3

我不这么认为，你提到的问题是一个单独的问题。这里的 bug 是时间线视图的 Webkit 中的预览图像不居中并且过度放大。因此，将鼠标悬停在时间线视图上会导致在 Webkit 中调试变得困难。

这是没有地图的页面的另一个示例：

截图 2023-10-19 9 28 17

nbaldzhiev

6

你是对的，听起来像是一个不同的错误。为此我们需要一个复制品。同时，我建议尝试我们的最新版本 1.39.0。

mxschmitt

7

我们需要更多信息来根据这份报告采取行动。请提交一份新的问题，并在您返回该问题时链接到该问题！

yury-s

 相关问题