測試JavaScript：Protractor

Protractor

Protractor是Angular和AngularJS應(yīng)用程序的測試框架。Protractor針對(duì)在真實(shí)瀏覽器中運(yùn)行的應(yīng)用程序執(zhí)行測試，從而確保測試結(jié)果的正確性和可信度。IntelliJ IDEA與Protractor集成，因此您可以從IDE內(nèi)部運(yùn)行和調(diào)試測試。您可以在樹視圖中查看測試結(jié)果，并從那里輕松導(dǎo)航到測試源。

安裝Protractor

您可以在本地，項(xiàng)目或全局安裝Protractor，全局安裝更可取。

全局安裝Protractor

1. 打開內(nèi)置的IntelliJ IDEA 終端（Alt+F12）并在命令提示符下鍵入：npm install -g protractor。

2. 要下載必要的二進(jìn)制文件，請(qǐng)鍵入webdriver-manager update。另請(qǐng)參閱Protractor官方網(wǎng)站上的入門。

運(yùn)行測試

Protractor測試僅通過運(yùn)行/調(diào)試配置啟動(dòng)。

要?jiǎng)?chuàng)建Protractor運(yùn)行配置

1. 打開“運(yùn)行/調(diào)試配置”對(duì)話框（主菜單上的“運(yùn)行”|“編輯配置 ”）。單擊工具欄上的 ，然后從列表中選擇“Protractor”。將打開“運(yùn)行/調(diào)試配置：Protractor”對(duì)話框。

2. 指定要使用的Node.js解釋器。這可能是一個(gè)本地Node.js的解釋或適用于Linux的Windows子系統(tǒng)的Node.js。

3. 指定protractor程序包的位置以及protractor.conf.js配置文件的路徑。如果您遵循標(biāo)準(zhǔn)安裝，IntelliJ IDEA會(huì)檢測所有這些路徑并將其顯示在相應(yīng)的字段中。

通過運(yùn)行配置運(yùn)行測試

1. 手動(dòng)啟動(dòng)Selenium Server或?qū)⑵渑渲脼樵趐rotractor.conf.js中自動(dòng)啟動(dòng)。有關(guān)詳細(xì)信息，請(qǐng)參閱Protractor官方網(wǎng)站。

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

3. 在“運(yùn)行”工具窗口的<current_run_configuration_name>選項(xiàng)卡中查看和分析來自服務(wù)器的消息。

導(dǎo)航

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

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

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

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

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

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

調(diào)試測試

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

開始調(diào)試測試

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

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

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