測試JavaScript：Mocha

Mocha

此功能僅在Ultimate版本中受支持。

Mocha是一個JavaScript測試框架，對執(zhí)行異步測試場景特別有用。IntelliJ IDEA與Mocha集成，因此您可以在IDE外部使用它。您可以在樹視圖中查看測試結(jié)果，并從那里輕松導(dǎo)航到測試源。測試狀態(tài)顯示在編輯器的測試旁邊，可以選擇快速運行或調(diào)試它。

安裝Mocha

• 打開內(nèi)置的IntelliJ IDEA 終端（Alt+F12）并在命令提示符下鍵入以下命令之一：

  • npm install mocha，該命令用于項目中的本地安裝。

  • npm install -g mocha，該命令用于全局安裝。

  • npm install --save-dev mocha，該命令安裝Mocha作為開發(fā)依賴項。

  另請參閱Mocha官方網(wǎng)站上的入門。

運行測試

使用IntelliJ IDEA，您可以直接從編輯器快速運行單個Mocha測試，或創(chuàng)建運行/調(diào)試配置以執(zhí)行部分??或全部測試。

從編輯器運行單個測試

• 單擊左側(cè)裝訂線中的或，然后從彈出列表中選擇“運行<test_name> ”。由于左側(cè)裝訂線中有測試狀態(tài)圖標，您還可以在編輯器中查看測試是否已通過或失敗。

創(chuàng)建Mocha運行配置

1. 在“項目”工具窗口中選擇一個測試文件，然后在上下文菜單中選擇“ 創(chuàng)建<文件名> ”。該“運行/調(diào)試配置：Mocha”對話框打開。

2. 指定要使用的節(jié)點解釋器以及mocha包的位置。

3. 指定應(yīng)用程序的工作目錄。

   默認情況下，工作目錄字段顯示項目根文件夾。要更改此預(yù)定義設(shè)置，請指定所需文件夾的路徑，或從列表中選擇以前使用的文件夾。

4. （可選）配置在相關(guān)源文件中的更改時自動重新運行測試。為此，請在Extra Mocha選項字段中添加--watch標志。

5. 指定要運行的測試。這可以是特定的測試或套件，整個測試文件或包含測試文件的文件夾。您還可以定義模式以僅運行匹配文件中的測試。

6. 選擇要運行的測試中使用的接口。

通過運行配置運行測試

1. 從主工具欄上的列表中選擇Mocha運行/調(diào)試配置，然后單擊列表右側(cè)的。

2. 測試服務(wù)器自動啟動，無需您執(zhí)行任何步驟。在“運行”工具窗口中查看和分析來自測試服務(wù)器的消息。

3. 在“運行”工具窗口的“測試運行器”選項卡中監(jiān)視測試執(zhí)行。

重新運行失敗的測試

• 在Test Runner選項卡中，單擊工具欄上的。IntelliJ IDEA將執(zhí)行上一個會話期間失敗的所有測試。

• 要重新運行特定的失敗測試，??請在其上下文菜單中選擇“運行<測試名稱> ”。

導(dǎo)航

使用IntelliJ IDEA，您可以在文件和相關(guān)的測試文件之間切換。還支持從“測試運行器”選項卡中的測試結(jié)果導(dǎo)航 到測試。

在文件和相關(guān)測試文件之間跳轉(zhuǎn)

• 在編輯器中打開文件，然后在上下文菜單中選擇：Go To|測試，或Go To|測試主題，或者只需按Ctrl+Shift+T。

從測試結(jié)果跳轉(zhuǎn)到測試

• 在Test Runner選項卡中選擇測試名稱，然后在上下文菜單中選擇Jump to Source。

  測試文件在編輯器中打開，光標位于測試定義中。

調(diào)試測試

使用IntelliJ IDEA，您可以直接從編輯器快速開始調(diào)試單個Mocha測試，或創(chuàng)建運行/調(diào)試配置來調(diào)試部分或全部測試。

從編輯器開始調(diào)試單個測試

• 在左側(cè)裝訂線點擊或，并從彈出的列表中選擇“調(diào)試<TEST_NAME>”。

通過運行/調(diào)試配置啟動測試調(diào)試

1. 如上所述，創(chuàng)建Mocha運行/調(diào)試配置。

2. 從主工具欄上的列表中選擇Mocha運行/調(diào)試配置，然后單擊列表右側(cè)的。

3. 在打開的調(diào)試工具窗口中，像往常一樣繼續(xù)：逐步完成測試，停止并恢復(fù)測試執(zhí)行，暫停時檢查測試等。

監(jiān)控代碼覆蓋率

使用IntelliJ IDEA，您還可以監(jiān)控Mocha測試涵蓋的代碼量 。IntelliJ IDEA在專用工具窗口中顯示此統(tǒng)計信息，并在編輯器中直觀地標記有遮蓋和未遮蓋的線條。要監(jiān)控覆蓋范圍，您需要安裝nyc，即Istanbul的命令行界面。

安裝nyc

• 打開內(nèi)置的IntelliJ IDEA終端（Alt+F12）并輸入：npm install --save-dev nyc。

以覆蓋方式運行測試

1. 如上所述，創(chuàng)建Mocha運行/調(diào)試配置。

2. 從主工具欄上的列表中選擇Mocha運行/調(diào)試配置，然后單擊列表右側(cè)的。
   或者，從編輯器快速運行特定套件或覆蓋測試：在左側(cè)裝訂線中單擊或，從彈出列表中選擇帶有Coverage的Run <test_name>。

3. 在Coverage工具窗口中監(jiān)視代碼覆蓋率 。該報告顯示測試覆蓋了多少文件以及其中包含的行的百分比。從報告中，您可以跳轉(zhuǎn)到該文件并查看覆蓋的行 - 標記為綠色 - 以及未覆蓋的行 - 標記為紅色：