Playwright测试：如何让测试运行器打开浏览器窗口

有几种简单的方式可以让Playwright运行测试时打开浏览器窗口：

1. 命令行直接加参数 #

运行测试命令时加上--headed参数，覆盖默认的无头模式：

npx playwright test --headed

如果需要慢动作观察（方便手动和页面元素交互），可以再加--slowmo参数设置操作延迟毫秒数：

npx playwright test --headed --slowmo 1000

2. 修改全局配置文件 #

如果希望所有测试默认都以有头模式运行，修改playwright.config.js（或.ts）里的use配置块，把headless设为false：

// playwright.config.js
module.exports = {
  use: {
    headless: false,
    viewport: { width: 1280, height: 720 }, // 可选：自定义浏览器窗口大小
    // 其他配置如baseURL、locale等...
  },
};

3. 单独为某个测试用例设置 #

如果只想让特定测试显示浏览器，可以在测试代码里创建上下文时指定headless: false：

test('仅该测试显示浏览器', async ({ browser }) => {
  // 创建有头模式的浏览器上下文
  const context = await browser.newContext({ headless: false });
  const page = await context.newPage();
  
  await page.goto('/');
  // 你的测试逻辑...
  
  await context.close();
});

内容的提问来源于stack exchange，提问作者Dev Yego