在VS Code中調(diào)試Jest單元測試

includecmath 發(fā)布于2019-08-21 17:26 / 1540人閱讀

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

隨著React的流行，jest也成很多項目廣泛使用的測試框架。由于jest默認是并發(fā)執(zhí)行測試，在日常的工作中發(fā)現(xiàn)很多同學(xué)對于如何調(diào)試jest單元測試犯難。這些小細節(jié)有時真是“會者不難，難者不會“。這里給大家介紹如何在code中調(diào)試jest測試的小技巧。

注意： 這里需要Node> v8.4. 之前的版本V8有bug,導(dǎo)致Jest測試中的斷點根本斷不到。

添加調(diào)試任務(wù)

我們需要在Code中添加一個調(diào)試任務(wù)。內(nèi)容如下：

{
    "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的運行時參數(shù)：--runInBand 或者簡寫為 -i不知道大家注意到?jīng)]有？就是這個參數(shù)控制jest串行執(zhí)行所有測試。
其他參數(shù)和設(shè)置我就不贅述了，大家自己查看code的幫助學(xué)習(xí)。

設(shè)置斷點開始調(diào)試

好了，現(xiàn)在你可以在code中打開一個你需要調(diào)試的測試文件并設(shè)置好斷點。然后，狠狠的按下F5。接下來...... 同學(xué)，該你了！

云服務(wù)器 GPU云服務(wù)器 VS Code 可以在瀏覽器運行了？微軟在vs中如何aspx VS Code如何 VS不能調(diào)試

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89506.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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