mocha-reporter-vscode

A mocha reporter for displaying test results as build failures and warnings in VSCode

Outputs results from mocha in a way that's easy to consume using VSCode's problem matchers. Includes searching into stack traces and source files to find line and column numbers where possible.

Install

npm install --save-dev https://github.com/franklin-ross/mocha-reporter-vscode

Add to mocha command as reporter

mocha --reporter mocha-reporter-vscode

Run using a VSCode task

Assuming there is an npm script named "test" which runs mocha with this reporter.

//tasks.json
{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "0.1.0",
  "command": "npm",
  "args": ["run"],
  "isShellCommand": true,
  "tasks": [
    {
      "taskName": "test",
      "args": ["run", "test"],
      "isTestCommand": true,
      "problemMatcher": {
        "owner": "mocha",
        "fileLocation": [ "absolute" ],
        "pattern": {
            "regexp": "^\\s*([^\\(]+)\\((\\d+,\\d+)\\):\\s*(error|warning|info):\\s*(.*)$",
            "file": 1,
            "location": 2,
            "severity": 3,
            "message": 4
        }
      }
    },
    {
      "taskName": "test-watch",
      "args": ["run", "test-watch"],
      "isBackground": true,
      "problemMatcher": {
        "owner": "mocha",
        "fileLocation": [ "absolute" ],
        "pattern": {
            "regexp": "^\\s*([^\\(]+)\\((\\d+,\\d+)\\):\\s*(error|warning|info):\\s*(.*)$",
            "file": 1,
            "location": 2,
            "severity": 3,
            "message": 4
        },
        "watching": {
          "beginsPattern": "^mocha start$",
          "endsPattern": "^mocha end"
        }
      }
    }
  ]
}