### 配置 Playwright 的 Global Setup 为了在 Node.js 项目中通过 VSCode 设置 Playwright 的 `globalSetup`，可以按照如下方式操作： #### 创建全局设置文件 创建一个新的 JavaScript 文件用于定义全局设置逻辑。此文件通常命名为 `global-setup.ts` 或者 `global-setup.js`。 ```javascript // global-setup.js const { chromium } = require('playwright'); module.exports = async function globalSetup() { const browser = await chromium.launch(); // 进行必要的初始化工作, 如登录或者缓存数据准备 console.log('Global setup completed'); await browser.close(); } ``` 确保该函数返回一个 Promise 对象，在其中完成所有必需的一次性准备工作[^1]。 #### 修改测试配置文件 编辑项目的 Playwright 测试配置文件 (`playwright.config.js`) 来指定刚才创建的全局设置脚本路径。 ```javascript // playwright.config.js const { defineConfig } = require('@playwright/test'); module.exports = defineConfig({ use: { /* 复用浏览器上下文或其他选项 */ }, globalSetup: './global-setup', // 指向全局设置模块的位置 }); ``` 这一步骤告知 Playwright 在运行任何测试之前先执行所指明的全局设定程序。 #### 使用 Visual Studio Code 调试 为了让调试更加方便，在 VSCode 中打开命令面板并选择 “Add Configuration…” 添加新的启动配置项到 `.vscode/launch.json` 文件里。添加一项针对 Node.js 环境下的调试器配置来支持断点调试等功能。 ```json { "version": "0.2.0", "configurations": [ { "type": "pwa-node", "request": "launch", "name": "Launch via NPM", "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/playwright", "args" : ["test", "--headed"], "console": "integratedTerminal" } ] } ``` 上述 JSON 片段允许开发者直接从 IDE 内部触发带有图形界面模式(`--headed`)下运行测试套件的过程，并且能够利用内置终端查看输出日志信息。