ビジュアルスタジオコードでジャスミンテストを実行するには？

Question

jasmineとtypescriptがインストールされたビジュアルスタジオコードをセットアップしました。私はspecファイルの下

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") 
    }) 
}) 

を持って

は、私がログとしてMSG値を印刷することができますどのように私を案内し、Visual Studioのコードでジャスミン・テストを実行してください？

私はspecrunner.htmlを使用して実行しようとしましたが、結果が合格または失敗しましたが、specrunner結果ファイルのログを出力できませんでした。

Answer 1

ここで私がやったのです。

1. npm install --save-dev jasmine @types/jasmine
2. 設定tsconfig.jsonは、グローバルjasmine種類が含まれており、ソースマップを生成し、distフォルダにすべての出力を送信します。

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

ノードインスペクタ inspect-brkとジャスミンを実行するために、NPMタスクを作成

ノードバージョン8以上が必要となります。 inspectと7といくつかのバージョン6を使用することができますが、私は時間内にブレークポイントを取得できないかもしれないと心配し、そのオプションをあまり調査しませんでした。

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

NPMタスクを起動するVSコード（ launch.json）に起動タスクを作成し

。あなたは、Visual Studioからの起動タスクを実行することができ、すべてこれをやったら

{ /* ... */ "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 }, /* ... */ ] /* ... */ }

。コードを実行し、該当するブレークポイントで停止します。