在VS Code中除錯Jest單元測試

2021-08-10 16:42:50 字數 985 閱讀 7347

隨著react的流行,jest也成很多專案廣泛使用的測試框架。由於jest預設是併發執行測試,在日常的工作中發現很多同學對於如何除錯jest單元測試犯難。這些小細節有時真是「會者不難,難者不會「。這裡給大家介紹如何在code中除錯jest測試的小技巧。

注意: 這裡需要node>v8.4. 之前的版本v8有bug,導致jest測試中的斷點根本斷不到。

我們需要在code中新增乙個除錯任務。 內容如下:

/node_modules/jest/bin/jest"

, "stoponentry": false

, "args": ["--runinband", "--env=jsdom", "$"],

"runtimeargs": [

"--inspect-brk"

],"cwd": "$"

, "sourcemaps": true

, "console": "integratedterminal"

}

這裡有乙個jest的執行時引數:--runinband或者簡寫為-i不知道大家注意到沒有?就是這個引數控制jest序列執行所有測試。

其他引數和設定我就不贅述了,大家自己檢視code的幫助學習。

好了,現在你可以在code中開啟乙個你需要除錯的測試檔案並設定好斷點。然後,狠狠的按下f5。接下來…… 同學,該你了!

在VS Code中除錯Jest單元測試

隨著react的流行,jest也成很多專案廣泛使用的測試框架。由於jest預設是併發執行測試,在日常的工作中發現很多同學對於如何除錯jest單元測試犯難。這些小細節有時真是 會者不難,難者不會 這裡給大家介紹如何在code中除錯jest測試的小技巧。注意 這裡需要node v8.4.之前的版本v8有...

在 VS Code 和 Chrome 中除錯

你必須安裝好 chrome 和 vs code。同時請確保自己在 vs code 中安裝了 debugger for chrome 擴充套件的最新版本。請通過 vue cli,遵循它的 readme 中的安裝文件安裝並建立乙個專案。然後進入這個新建立的應用的目錄,開啟 vs code。在可以從 vs...

ts安裝,vscode中除錯

全域性安裝 cnpm i typescript g 生成命令 tsc 初始化專案 生成 tsconfig.json 配置檔案 tsc init 搭配vscode使用 1.code runner run code 導致輸出亂碼,如下圖 解決方法 全域性安裝一下 ts node cnpm i ts no...