Playwright如何复用登录上下文？多Worker运行是否可行？

可行，这是Playwright中优化测试执行效率的常用方案。你的思路方向正确，但可能卡在多Worker环境下的状态生成时机冲突或者缺少实际登录流程上。以下是具体解决思路：

核心问题分析 #

你当前用beforeAll()生成状态的方式在多Worker模式下会失效——每个Worker会独立执行beforeAll()，可能出现多个Worker同时读写storageState.json的冲突，或者部分Worker在状态文件生成完成前就加载，导致未登录的无效状态被复用。

正确实现步骤 #

1. 预生成登录状态文件 #

单独编写一个前置脚本，在测试运行前完成一次完整登录并保存状态，彻底避免多Worker的竞争问题。

示例登录脚本（login.setup.js）：

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();

  // 替换为你的实际登录流程
  await page.goto('https://your-login-page.com');
  await page.fill('#username', 'your-account');
  await page.fill('#password', 'your-password');
  await page.click('#login-submit');
  
  // 等待登录完成（比如跳转到首页/仪表盘）
  await page.waitForURL('https://your-dashboard.com');

  // 保存登录状态到文件
  await context.storageState({ path: 'storageState.json' });

  await browser.close();
})();

运行脚本生成状态文件：

node login.setup.js

2. 在测试中复用预生成状态 #

在测试代码中，让每个Worker加载预先生成的storageState.json来创建上下文。推荐用Playwright的fixtures统一管理，代码更简洁：

示例测试文件（test.spec.js）：

const { test, expect } = require('@playwright/test');

// 自定义fixture，提供已登录上下文
test.beforeEach(async ({ browser }) => {
  const loggedInContext = await browser.newContext({
    storageState: 'storageState.json'
  });
  return { loggedInContext };
});

test('验证已登录页面内容', async ({ loggedInContext }) => {
  const page = await loggedInContext.newPage();
  await page.goto('https://your-dashboard.com');
  // 验证登录状态，比如检查用户名是否显示
  await expect(page.locator('#user-profile-name')).toBeVisible();
});

也可以在playwright.config.js中全局配置，让所有测试默认使用已登录状态：

module.exports = {
  use: {
    storageState: 'storageState.json',
  },
};

3. 多Worker模式下的注意事项 #

• 每个Worker会创建独立的上下文，基于同一个登录状态，互相隔离不会干扰。
• 如果登录状态有有效期，需定期重新运行登录脚本更新storageState.json。
• 避免在测试中修改用户核心状态（如修改密码、注销），这类操作需单独编写测试并使用干净上下文。

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