在VS Code中調試Jest單元測試

隨着React的流行，jest也成不少項目普遍使用的測試框架。因爲jest默認是併發執行測試，在平常的工做中發現不少同窗對於如何調試jest單元測試犯難。這些小細節有時真是「會者不難，難者不會「。這裏給你們介紹如何在code中調試jest測試的小技巧。

注意： 這裏須要Node> v8.4. 以前的版本V8有bug,致使Jest測試中的斷點根本斷不到。

添加調試任務

咱們須要在Code中添加一個調試任務。 內容以下：

{
    "type": "node",
    "request": "launch",
    "protocol": "inspector",
    "name": "Jest Debug",
    "program": "${workspaceRoot}/node_modules/jest/bin/jest",
    "stopOnEntry": false,
    "args": ["--runInBand", "--env=jsdom", "${fileBasename}"],
    "runtimeArgs": [
        "--inspect-brk"
     ],
     "cwd": "${workspaceRoot}",
     "sourceMaps": true,
     "console": "integratedTerminal"
}

這裏有一個jest的運行時參數：--runInBand 或者簡寫爲 -i不知道你們注意到沒有？就是這個參數控制jest串行執行全部測試。

其餘參數和設置我就不贅述了，你們本身查看code的幫助學習。

設置斷點開始調試

好了，如今你能夠在code中打開一個你須要調試的測試文件並設置好斷點。而後，狠狠的按下F5。接下來...... 同窗，該你了！