隨著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...