在 Playwright 中，无法将 page.goto 与 headless webkit 一起使用

Question

我正在尝试为 Playwright 中的 Drupal 网站编写测试。我通过 WSL2 在 Ubuntu 20.04 上运行。

我在 Playwright 配置文件中设置了一个基本 URL (https://www.example.com)。

我有几个简单的步骤：

await this.page.goto('/user/logout');
await this.page.goto('/user/login');
await this.page.locator('input[name="name"]').fill('[email protected]');
await this.page.locator('input[name="pass"]').fill('password');
await this.page.locator('input:has-text("Login")').click();
await this.page.waitForSelector('text="You are logged in"');
await this.page.goto('/admin/structure/webform/manage/myform', { waitUntil: 'networkIdle' });

我想在模拟 iPhone 上进行测试，所以我在我的配置文件中使用了这个：

  name: 'iPhone 6/7/8',
  use: devices['iPhone 8'],

问题是，在这个仅处于无头模式的 iPhone 8 模拟设备中，最后一个 goto 失败（await this.page.goto('/admin/struct/webform/manage/myform'))。当我运行测试时，这种情况 100% 都会发生。

该测试在 webkit（桌面）、chrome（桌面）、firefox（桌面）和 android（移动）上运行良好。当非无头时，该测试也适用于 iOS。相同的步骤也适用于真实的 iOS 设备。

我需要将 networkIdle 添加到最后一步，以使其在无头 Chrome（桌面版和 Android 版）上运行，因此我猜我可能需要进行另一项更改才能在 iOS 上运行，但是什么？

当我观看实际测试的视频时，当到达最后一步时，屏幕开始快速闪烁约 3 秒，然后变黑。

其他信息

基于Playwright 设备列表，我复制了 iPhone 8 的代码并进行了实验，看看具体是什么导致了错误。

如下所示，将 isMobile 从 true 更改为 false 将允许测试通过。因此，特定错误似乎与将 isMobile 设置为 true 相关。

  projects: [
    {
      name: 'iPhone 6/7/8',
      use: {
        userAgent:
          'Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/15.4 Mobile/15A372 Safari/604.1',
        browserName: 'webkit',
        viewport: {
          width: 375,
          height: 667,
        },
        deviceScaleFactor: 2,
        isMobile: false,
        hasTouch: true,
        defaultBrowserType: 'webkit',
      },
    },
  ],

此处提交的 Playwright 错误报告。

Answer 1

正如 playwright 问题中所述，此行为似乎是由操作系统故障引起的（在我的例子中，Ubuntu 在 WSL2 上运行）。

通过更新 ubuntu 中的所有软件包解决了这个问题；不幸的是，有几个软件包，我不确定哪个是确切的解决方案，但要点是：

1. Ubuntu 和 WSL2 有时会出现图形问题，可能会干扰剧作家运行测试。
2. 如果您开始发现问题，请更新 ubuntu，而不仅仅是 package.json。