在VS Code中調試Jest單元測試

includecmath 發布于2019-08-21 17:26 / 1538人閱讀

摘要：隨著的流行，也成很多項目廣泛使用的測試框架。由于默認是并發執行測試，在日常的工作中發現很多同學對于如何調試單元測試犯難。設置斷點開始調試好了，現在你可以在中打開一個你需要調試的測試文件并設置好斷點。

隨著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。接下來...... 同學，該你了！

GPU云服務器云服務器 VS Code 可以在瀏覽器運行了？微軟在vs中如何aspx VS Code如何 VS不能調試

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89506.html

使用 TypeScript 編寫一個完善包含測試、文檔和持續集成的庫

摘要：單元測試一個合格的庫應該包含完整的單元測試。是的支持版，和是一樣的，它能夠直接運行為后綴的單元測試文件。在目錄下加入然后執行即可看到單元測試結果。這篇文章主要是講述如何使用 TypeScript 編寫一個完善，包含測試、文檔、持續集成的庫，涵蓋了編寫整個庫所需要的技術和工具，主要涵蓋：項目目錄骨架 TypeScript 配置使用 jest 單元測試使用 vuepress 編寫...

lingdududu 2019-08-23 14:27 評論0 收藏0
[譯] 使用 VS Code 加速前端開發

摘要：在對比我最近幾個月所用的開發工具后，我發現了一些驚人的東西。永遠不停止使用。將警告未使用的代碼。預檢查使用，，和非常有用。不再需要使用開啟服務器，創建應用程序，并打開瀏覽器。嘗試使用別的東西，立即出現錯誤。原文：Supercharging Frontend Development with VS Code 作者：zachcodes 過去幾天，為了在開發 GraphQL / Rea...

keithxiaoy 2019-08-21 16:57 評論0 收藏0
React 單元測試策略及落地

摘要：寫好的單元測試，對開發速度項目維護有莫大的幫助。我認為單元測試的上下文存在于敏捷中。接下來一小節，就可以正式進入如何做的環節了如何寫好單元測試。前面說到，我們對單元測試寄予寫好的單元測試，對開發速度、項目維護有莫大的幫助。前端的測試工具一直推陳出新，而測試的核心、原則卻少有變化。與產品代碼一并交付可靠的測試代碼，是每個專業開發者應該不斷靠近的一個理想之地。本文就圍繞測試講講，為什么我...

nifhlheimr 2019-08-23 12:35 評論0 收藏0
FCC 成都社區·前端周刊第 9 期

摘要：詳情行人臉識別庫是僅行代碼的人臉識別庫，最小只有。詳情開發大型應用這是根據上發表的演講整理的文章，分享了作者在開發大型應用后的一些心得。詳情每周一同步更新到歡迎 1. Node.js 10 將帶來什么？ Node.js 10 的第一個版本將于本周二（4 月 24 日）發布，并將在 10 月份推出 LTS 版本，將帶來哪些更新？ N-API，持續 HTTP/2 支持，ECMAScript...

kid143 2019-08-22 16:38 評論0 收藏0
FCC 成都社區·前端周刊第 9 期

摘要：詳情行人臉識別庫是僅行代碼的人臉識別庫，最小只有。詳情開發大型應用這是根據上發表的演講整理的文章，分享了作者在開發大型應用后的一些心得。詳情每周一同步更新到歡迎 1. Node.js 10 將帶來什么？ Node.js 10 的第一個版本將于本周二（4 月 24 日）發布，并將在 10 月份推出 LTS 版本，將帶來哪些更新？ N-API，持續 HTTP/2 支持，ECMAScript...

KaltZK 2019-08-29 15:08 評論0 收藏0