測(cè)試JavaScript：JSTestDriver

JSTestDriver

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

IntelliJ IDEA支持與JSTestDriver測(cè)試框架集成。

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

1. 將測(cè)試框架配置為IntelliJ IDEA JavaScript庫(kù)。

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

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

在項(xiàng)目中配置測(cè)試框架

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

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

   • 將項(xiàng)目文件夾添加到庫(kù)范圍。

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

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

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

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

手動(dòng)創(chuàng)建測(cè)試運(yùn)行器配置文件

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

創(chuàng)建配置文件

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

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

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

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

運(yùn)行測(cè)試

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

從編輯器運(yùn)行單個(gè)測(cè)試

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

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

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

2. 指定要運(yùn)行的測(cè)試，配置文件的路徑以及在測(cè)試執(zhí)行之前要執(zhí)行的活動(dòng)。

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

1. 確保項(xiàng)目中至少有一個(gè)配置文件。

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

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

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

捕獲瀏覽器

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

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

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

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

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

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

通過(guò)運(yùn)行配置運(yùn)行測(cè)試

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

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

導(dǎo)航

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

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

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

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

• 在Test Runner選項(xiàng)卡中選擇測(cè)試名稱，然后在上下文菜單中選擇：Jump to Source。

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

調(diào)試測(cè)試

JSTestDriver測(cè)試的調(diào)試會(huì)話僅通過(guò)運(yùn)行/調(diào)試配置啟動(dòng)。

開始調(diào)試測(cè)試

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

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

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

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

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

啟動(dòng)包含覆蓋率的測(cè)試

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

2. 啟動(dòng)JSTestDriver服務(wù)器并捕獲瀏覽器以運(yùn)行測(cè)試。

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

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

從覆蓋率分析中排除文件

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

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