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

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

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

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

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

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

我們需要在Code中添加一個(gè)調(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"
}

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/89506.html

相關(guān)文章

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

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

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

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

keithxiaoy 2019-08-21 16:57 評(píng)論0 收藏0
React 單元測(cè)試策略及落地

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

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

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

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

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

KaltZK 2019-08-29 15:08 評(píng)論0 收藏0