启动 Plawywright 测试浏览器答案

【问题标题】：Starting Plawywright Test Browser启动 Plawywright 测试浏览器
【发布时间】：2022-11-17 22:54:37
【问题描述】：

伙计们。我正在尝试使用 Playwright 设置 e2e 测试。我正在按照这些步骤 (enter link description here) 进行操作，我可以看到测试正在通过，但我希望看到浏览器窗口，以便我可以尝试与这些元素进行交互。如何让测试运行器打开浏览器窗口或选项卡？

【问题讨论】：

标签： browser e2e-testing playwright

【解决方案1】：

您可以通过在命令中添加 --debug 来使用调试模式，例如：

npx playwright test example --debug

这使您可以逐步调试测试。

或者您可以通过设置更改您的配置以在头部模式下运行

headless:false

在你 playwright.config.ts

【讨论】：

【解决方案2】：

您可以拥有一个名为 playwright.config.ts 的全局配置文件，该文件位于项目根目录中，其基本示例如下所示。请注意“使用”部分中的 headless: false。将“baseURL”更改为您要测试的内容。

// playwright.config.ts

import { PlaywrightTestConfig } from '@playwright/test';

const config: PlaywrightTestConfig = {
  reporter: [['list'], ['html', { open: 'never' }]],
  workers: 1,
  use: {
    baseURL: http://playwright.dev,
    headless: false,
  },
  projects: [
    {
      name: 'chromium',
      use: {
        browserName: 'chromium',
      },
    },
  ],
};
export default config;

在您的测试中，因为您在配置中设置了一个 baseURL，您只需调用以下命令导航到该 url：

// mytest.spec.ts

import { test } from '@playwright/test';

  test('Do something...', async ({ page }) => {
    await page.goto('');
});

【讨论】：