Playwright如何将上下文/页面传入globalTeardown实现全局登出？

针对你的场景，直接用globalTeardown是可行的——不需要传递之前测试中的页面，因为测试执行完毕后原有的浏览器上下文和页面都会被销毁。你可以在globalTeardown里重新基于之前保存的storageState创建新上下文，完成登出操作。

具体步骤如下：

1. 确保global-setup正确保存会话状态
   你的global-setup.ts应该已经在登录后把会话状态保存到文件，示例代码：

   import { test as setup } from '@playwright/test';
   
   const authFile = 'playwright/.auth/user.json';
   
   setup('global setup', async ({ browser }) => {
     const page = await browser.newPage();
     // 执行登录流程
     await page.goto('/login');
     await page.fill('#username', 'your-username');
     await page.fill('#password', 'your-password');
     await page.click('#submit-btn');
     // 等待登录完成后保存会话状态
     await page.waitForURL('/dashboard');
     await page.context().storageState({ path: authFile });
     await page.close();
   });
   

2. 在global-teardown中加载会话并执行登出
   创建global-teardown.ts，重新启动浏览器、加载已保存的会话状态，然后执行登出操作：

   import { test as teardown } from '@playwright/test';
   
   const authFile = 'playwright/.auth/user.json';
   
   teardown('global teardown', async ({ browser }) => {
     // 基于已保存的会话创建新上下文
     const context = await browser.newContext({ storageState: authFile });
     const page = await context.newPage();
     // 执行登出逻辑（根据你的应用实际流程调整）
     await page.goto('/logout');
     await page.waitForURL('/login'); // 等待登出跳转完成
     // 清理资源
     await page.close();
     await context.close();
   });
   

3. 在配置文件中关联setup和teardown
   在playwright.config.ts里指定全局的启动和销毁钩子：

   import { defineConfig } from '@playwright/test';
   
   export default defineConfig({
     globalSetup: './global-setup.ts',
     globalTeardown: './global-teardown.ts',
     use: {
       // 让所有测试复用保存的会话状态
       storageState: 'playwright/.auth/user.json',
     },
   });
   

其他可选方案 #

如果不想重新启动浏览器，也可以考虑：

• 根套件afterAll钩子：创建一个全局测试入口文件，在里面定义afterAll执行登出，再让所有测试文件关联这个根套件，但灵活性不如globalTeardown。
• 自定义测试夹具：封装带有登出逻辑的全局夹具，确保所有测试执行完毕后仅触发一次登出，但需要额外配置夹具的作用域。

总的来说，globalTeardown是最适配你场景的方案——它会在所有测试套件执行完成后仅运行一次，完全满足你“通用登出”的需求。

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