如何配置VS Code测试标签以运行调试Cucumber.js+TypeScript+Playwright测试

安全阿岳

2026-6-16

可以实现！具体配置步骤如下

1. 让VSCode Cucumber扩展读取现有配置文件

修改VSCode的settings.json，添加配置指定你的cucumber.js路径，同时确保glue和features路径与项目结构匹配：

{
  "cucumber.config": "src/config/cucumber.js",
  "cucumber.glue": ["src/steps/*.ts"],
  "cucumber.features": ["src/features/**/*.feature"],
  // 配置TypeScript解析支持
  "cucumber.typescript": true,
  "cucumber.requireModule": ["ts-node/register"]
}

注：可以移除之前的cucumber_runner.features配置，统一使用官方Cucumber扩展的标准配置项。

2. 配置Test Explorer与Cucumber集成

推荐使用Cucumber Test Explorer扩展替代之前的测试运行器，安装后在settings中添加：

{
  "cucumberExplorer.configPath": "src/config/cucumber.js",
  "cucumberExplorer.requireModule": ["ts-node/register"]
}

该扩展会自动读取你的cucumber配置，在VSCode测试标签中加载所有feature文件及对应的测试场景。

3. 设置调试配置（可选）

如果需要调试测试步骤，在.vscode/launch.json中添加如下配置，复用终端运行的逻辑：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Cucumber Test Debug",
      "program": "${workspaceFolder}/node_modules/@cucumber/cucumber/bin/cucumber-js",
      "args": [
        "--config", "${workspaceFolder}/src/config/cucumber.js",
        "${workspaceFolder}/src/features"
      ],
      "console": "integratedTerminal",
      "env": {
        "TS_NODE_PROJECT": "${workspaceFolder}/tsconfig.json"
      },
      "skipFiles": ["<node_internals>/**"]
    }
  ]
}