Question

我在Visual Studio Code中搜索Mocha问题匹配器的配置。问题匹配器检查终端输出是否有错误，并将它们添加到问题视图中。

VS Code中的问题匹配器在此处描述：https://code.visualstudio.com/docs/editor/tasks#_processing-task-output-with-problem-matchers

Answer 1

似乎所有内置记者都用可变行数来描述错误。并且不支持为此类报告构建vscode问题匹配器 - 多行支持非常有限。

但我们可以用我们喜欢的任何格式建立自己的记者，然后轻松匹配！

这是一个简单的报告器，它扩展了默认的Spec报告器，输出错误与$tsc-watch matcher兼容的格式：

// my-reporter.js
var StackTraceParser = require('stacktrace-parser');
var path = require('path');
var mocha = require('mocha');
module.exports = MyReporter;

function MyReporter(runner) {
  mocha.reporters.Spec.call(this, runner);

  runner.on('fail', function(test, err){
    var lines = StackTraceParser.parse(err.stack)
    // we are only interested in the place in the test which originated the error
    var line = lines.find(line => line.file.startsWith('test'))
    if (line) {
      console.log(`${line.file}(${line.lineNumber},${line.column}): error TS0000: ${err.message.split('\n')[0]}`)
    }
  });

}

// To have this reporter "extend" a built-in reporter uncomment the     following line:
mocha.utils.inherits(MyReporter, mocha.reporters.Spec);

向scripts中的package.json部分添加命令：

"test": "mocha --reporter my-reporter.js"

然后添加到tasks.json：

{
  "type": "npm",
  "script": "test",
  "problemMatcher": [
    {
      "applyTo": "allDocuments",
      "fileLocation": "relative",
      "base": "$tsc-watch",
      "source": "mocha"
    }
  ],
  "group": {
    "kind": "test",
    "isDefault": true
  }
}

Visual Studio Code Mocha ProblemMatcher

1 个答案: