測試JavaScript：JSTestDriver

JSTestDriver

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

IntelliJ IDEA支持與JSTestDriver測試框架集成。

在開始使用JSTestDriver之前，你需要：

1. 將測試框架配置為IntelliJ IDEA JavaScript庫。

2. 按照插件管理中的說明安裝并啟用JSTestDriver插件。

   通過這個插件，IntelliJ IDEA提供了JSTestDriver服務(wù)器和斷言框架。在測試創(chuàng)建期間，插件檢測單元測試框架并建議“Add <test framework>”支持意圖操作。

在項目中配置測試框架

1. 下載您選擇的框架并將其配置為IntelliJ IDEA JavaScript庫。

2. 執(zhí)行以下操作之一：

   • 將項目文件夾添加到庫范圍。

   • 使用“Add <test framework>”支持意圖操作在測試創(chuàng)建期間即時啟用框架支持。

   • 要使用Jasmine，請?zhí)砑觠asmine-jstd-adapter到配置文件中。

     打開jsTestDriver.conf并在其中鍵入以下代碼：

     load:
     lib/jasmine/jasmine.js
     lib/jasmine-jstd-adapter/JasmineAdapter.js

手動創(chuàng)建測試運行器配置文件

測試運行器配置文件定義用于加載的加載順序的測試和生產(chǎn)文件。IntelliJ IDEA將具有擴展名為*.jstd或*.conf的任何文件，都作為測試運行器配置文件。

創(chuàng)建配置文件

1. 在項目樹中，選擇生產(chǎn)和測試文件夾的父文件夾，然后在上下文菜單中選擇：新建|文件。

2. 在打開的“新建文件”對話框中，鍵入帶有擴展名jstd或conf的配置文件的名稱。

3. 在編輯器中打開新文件，并指定當(dāng)前文件夾的完整路徑以及要相對于其加載的文件的路徑。在文件名模式中使用通配符。

4. 使用YAML完成配置文件。

運行測試

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

從編輯器運行單個測試

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

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

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

2. 指定要運行的測試，配置文件的路徑以及在測試執(zhí)行之前要執(zhí)行的活動。

啟動WebStorm默認(rèn)的JSTestDriver測試服務(wù)器

1. 確保項目中至少有一個配置文件。

2. 打開JSTestDriver Server工具窗口（View | Tool Windows | JSTestDriver Server），然后單擊工具欄上的 。

在完成單元測試時停止服務(wù)器

• 單擊“停止本地服務(wù)器”工具欄按鈕 。

捕獲瀏覽器

1. 如果JSTestDriver服務(wù)器尚未運行，請啟動它，然后切換到JSTestDriver Server工具窗口。

2. 要使用JSTestDriver的遠(yuǎn)程控制臺來啟動本地瀏覽器，請執(zhí)行下列操作之一：

   • 單擊指示您選擇的瀏覽器的圖標(biāo)。

   • 如果瀏覽器已打開，請選擇“使用URL捕獲瀏覽器”只讀字段來復(fù)制內(nèi)容，并將URL粘貼到地址欄中。

   在任何一種情況下，指示所選瀏覽器的圖標(biāo)都將變?yōu)榛顒訝顟B(tài)。

3. 切換到JSTestDriver Server工具窗口，然后單擊指示剛剛打開的瀏覽器的圖標(biāo)。IntelliJ IDEA會顯示一條消息，通知您已準(zhǔn)備好執(zhí)行測試。

通過運行配置運行測試

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

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

導(dǎo)航

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

在文件和相關(guān)測試文件之間切換

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

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

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

  
  測試文件在編輯器中打開，光標(biāo)位于測試定義中。

調(diào)試測試

JSTestDriver測試的調(diào)試會話僅通過運行/調(diào)試配置啟動。

開始調(diào)試測試

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

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

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

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

使用IntelliJ IDEA，您還可以監(jiān)控Karma測試涵蓋的代碼量。IntelliJ IDEA在專用工具窗口中顯示此統(tǒng)計信息，并在編輯器中直觀地標(biāo)記有遮蓋和未遮蓋的行。

啟動包含覆蓋率的測試

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

2. 啟動JSTestDriver服務(wù)器并捕獲瀏覽器以運行測試。

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

4. 在Coverage工具窗口中監(jiān)視代碼覆蓋率 。

從覆蓋率分析中排除文件

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

2. 在“覆蓋率”選項卡中，指定要排除的文件的路徑。