调试Playwright测试时关闭浏览器，VSCode测试运行器卡死

问题描述 #

调试Playwright测试时，关闭浏览器后功能异常。点击「Cancel test run」按钮后测试已停止运行，但测试资源管理器一直处于加载状态，只能频繁重启VSCode。该问题仅在最近更新后出现，此前未发生。怀疑与以下配置有关：

相关配置文件 #

1. 工作区配置 .vscode/settings.json

{
    "playwright.workspaceSettings": {
        "configs": [
            {
                "relativeConfigFile": "playwright.config.ts",
                "selected": true,
                "enabled": true,
                "projects": [
                    {
                        "name": "chromium",
                        "enabled": true
                    }
                ]
            }
        ]
    }
}

2. VSCode全局配置（「管理>设置」中的settings.json）

{
    "nxConsole.showNodeVersionOnStartup": false,
    "git.autofetch": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "javascript.updateImportsOnFileMove.enabled": "always",
    "cucumberautocomplete.steps": "steps/*.ts",
    "cucumberautocomplete.syncfeatures": "features/*.feature",
    "workbench.iconTheme": "vscode-icons",
    "git.confirmSync": false,
    "step-definition-generator.runner": "playwright",
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "explorer.confirmDelete": false,
    "playwright.reuseBrowser": true,
    "playwright.showTrace": false,
    "[typescriptreact]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "explorer.confirmDragAndDrop": false,
}

已尝试修改「管理>设置」中的调试配置，未解决问题。

解决步骤 #

1. 关闭浏览器复用配置 #

全局配置中playwright.reuseBrowser: true可能导致浏览器进程残留，阻塞测试资源管理器状态更新。修改为：

"playwright.reuseBrowser": false

保存配置后重启VSCode，测试问题是否复现。

2. 重置Playwright工作区配置 #

删除.vscode/settings.json中的playwright.workspaceSettings整个节点，让Playwright扩展自动重新生成配置，避免缓存冲突。

3. 更新或重装Playwright扩展 #

• 打开VSCode扩展面板，找到「Playwright Test for VSCode」，更新至最新版本
• 若更新无效，卸载扩展后重新安装，执行Ctrl+Shift+P → 「Developer: Reload Window」刷新窗口

4. 终止残留进程 #

当测试卡住时，无需重启VSCode：

• Windows：打开任务管理器，终止所有playwright、chromium相关进程
• Mac：打开活动监视器，终止对应进程
  回到VSCode后点击测试资源管理器顶部的刷新按钮，查看状态是否恢复。

5. 同步Playwright核心版本 #

执行终端命令更新Playwright核心，确保与扩展版本兼容：

npx playwright install --with-deps

验证方法 #

完成每个步骤后，重新启动调试流程，关闭浏览器并点击「Cancel test run」，观察测试资源管理器是否能正常恢复状态。

内容的提问来源于stack exchange，提问作者David Ramírez