如何让Playwright测试套件保持浏览器窗口全程打开？是否可优化？

为什么默认每个测试都会打开/关闭浏览器窗口？ #

Playwright默认的设计核心是测试隔离——每个测试都会获得独立的浏览器上下文（甚至全新的浏览器实例），目的是彻底避免测试间的状态污染。比如前一个测试留下的Cookie、LocalStorage、页面缓存，或者操作过的DOM状态，都不会影响后续测试，这样能保证每个测试的结果都是可靠的，不会因为测试顺序、前序测试的残留数据导致莫名其妙的失败。

能不能让浏览器窗口在整个套件中保持打开？ #

可以，主要有两种方式实现复用：

1. 套件级别复用页面（串行执行测试） #

通过test.describe.configure()将测试套件设置为串行模式，再用test.beforeAll提前创建页面，让整个套件的测试共用这个页面：

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

// 配置套件为串行执行，避免并行测试冲突
test.describe.configure({ mode: 'serial' });

let sharedPage;

// 在所有测试前创建一次页面
test.beforeAll(async ({ browser }) => {
  sharedPage = await browser.newPage();
});

test.describe('suite', () => {
  test('test1', async () => {
    await sharedPage.goto('test1');
  });

  test('test2', async () => {
    await sharedPage.goto('test2');
  });
});

// 所有测试结束后关闭页面
test.afterAll(async () => {
  await sharedPage.close();
});

注意：必须设置mode: 'serial'，因为并行测试时多个测试同时操作同一个页面会导致冲突。

2. 复用浏览器状态（非窗口复用，但能减少重复操作） #

如果只是想避免重复登录这类操作，不需要复用窗口，可以用storageState保存/加载浏览器状态：

// 先运行一次登录测试，保存状态
test('save login state', async ({ page }) => {
  await page.goto('/login');
  // 执行登录操作
  await page.context().storageState({ path: 'state.json' });
});

// 其他测试加载已保存的状态
test.use({ storageState: 'state.json' });

test('test1', async ({ page }) => {
  await page.goto('test1'); // 已处于登录状态
});

该不该做这个优化？ #

要根据你的测试场景权衡：

• 适合优化的场景：测试数量多，且所有测试之间完全没有状态依赖，或者你能手动在每个测试前清理页面状态（比如await sharedPage.goto('about:blank')、清除Cookie），这时复用窗口能显著减少浏览器启动/关闭的耗时，提升测试速度。
• 不适合优化的场景：测试需要独立的环境（比如不同用户权限、不同初始状态），或者测试间的状态可能互相干扰——这种情况下，复用窗口会导致测试不稳定，排查问题难度陡增，反而不如默认的隔离方式靠谱。

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