如何在VS Code中折叠Mocha单元测试时显示测试标题？

针对你用VS Code写TypeScript+Mocha测试，想要折叠describe/it块时保留测试标题的需求，目前有几个现成方案可以直接用：

• 使用vscode-fold-plus扩展
  这个扩展专门优化了测试代码的折叠逻辑，对Mocha的describe/it结构支持很好，安装后无需复杂配置，折叠时会自动提取测试标题，显示成类似it('ParseTeamName for file Gives Team name' { ... 2 lines ... } );的格式，完全符合你的预期。

• 给vscode-better-folding添加自定义规则
  如果你不想更换现有扩展，继续使用vscode-better-folding的话，可以通过自定义折叠规则实现。打开VS Code设置，添加以下配置：

  "betterFolding.custom": [
    {
      "language": "typescript",
      "begin": "(describe|it)\\(['\"](.*?)['\"]",
      "end": "\\}\\);",
      "foldedText": "$1('$2' { ... $LINES lines ... } );"
    }
  ]
  

  配置生效后，describe/it块折叠时会自动替换成带标题的格式，注意要确保扩展启用了自定义规则，且默认规则不会与该配置冲突。

如果以上方案都不符合你的需求，再考虑给vscode-better-folding提交PR——参考该项目已有的Issue #27和#65的讨论，里面有关于折叠文本定制的思路，你可以基于现有代码添加Mocha测试块的特殊处理逻辑。

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