How to run jasmine tests in visual studio code?

Question

I have setup visual studio code with jasmine and typescript installed.

I have below spec file

TestSpec.ts

describe("Testing", () =>{
    it("should pass", () =>{
   let msg = "Welcome to TypeScript";
    //I want to print the msg first like a log
    expect(msg).toBe("Welcome to TypeScript")
    })
})

Please guide me how can I print the msg value as logs and run the jasmine test in visual studio code?

I have tried to run by using specrunner.html, but result just gives pass or fail, but could not able to print any logs on specrunner result file.

user_202694 · Answer

Here is what I ended up doing.

npm install --save-dev jasmine @types/jasmine
Configure tsconfig.json to include jasmine types globally and generate source maps and send all output to the dist folder.

{
  "compilerOptions": {
    /* ... */
    "sourceMap": true,
    "outDir": "./dist",
    "types": [
      "node",
      "jasmine"
    ],
    /* ... */
  }
}

Created an npm task to run jasmine with node inspector inspect-brk requires node version 8 or above. You can use inspect with 7 and some versions of 6 but I was worried it might not capture my breakpoints in time and didn't investigate that option much.

{
  /* ... */
  "scripts": {
    "build": "tsc --project .",
    "test:debug": "npm run build && node --inspect-brk node_modules/jasmine/bin/jasmine.js JASMINE_CONFIG_PATH=jasmine.json"
  },
  /* ... */
}

Created a launch task in VS code (launch.json) to launch the NPM task.

{
  /* ... */
  "configurations": [
    /* ... */
    {
      "type": "node",
      "request": "launch",
      "name": "Run Jasmine Tests",
      "runtimeExecutable": "npm",
      "runtimeArgs": [
        "run-script",
        "test:debug"
      ],
      "outFiles": [
        "${workspaceRoot}/dist/**.js"
      ],
      "protocol": "inspector",
      "port": 9229,
      "sourceMaps": true
    },
    /* ... */
  ]
  /* ... */
}

Once you've done all this you can run the launch task from visual studio. It will run your code and stop at applicable breakpoints.

How to run jasmine tests in visual studio code?

1 Answers