WebdriverIO - 警報

---

---

WebdriverIO 能夠處理警報。

警報的方法

下面列出了一些用於處理警報的方法：

browser.isAlertopen()

此方法用於驗證頁面中是否存在警報。如果存在警報，則返回 true，否則返回 false。

語法

語法如下：

browser.isAlertopen()

browser.getAlertText()

此方法用於獲取警報中顯示的文字。

語法

語法如下：

browser.getAlertText()

browser.acceptAlert()

此方法用於接受警報。

語法

語法如下：

browser.acceptAlert()

browser.dismissAlert()

此方法用於關閉警報。

語法

語法如下：

browser.dismissAlert()

在下圖中，單擊“點選 JS 警報”後，將顯示一個警報。讓我們獲取警報上的文字。

首先，按照標題為“使用 WebdriverIO 的正確流程”章節中的步驟 1 到 5 進行操作，步驟如下：

步驟 1 - 安裝 NodeJS。有關如何執行此安裝的詳細資訊，請參閱標題為“使用 NodeJS 入門”的章節。

步驟 2 - 安裝 NPM。有關如何執行此安裝的詳細資訊，請參閱標題為“NPM 安裝”的章節。

步驟 3 - 安裝 VS Code。有關如何執行此安裝的詳細資訊，請參閱標題為“VS Code 安裝”的章節。

步驟 4 - 建立配置檔案。有關如何執行此安裝的詳細資訊，請參閱標題為“配置檔案生成”的章節。

步驟 5 - 建立規範檔案。有關如何執行此安裝的詳細資訊，請參閱標題為“Mocha 安裝”的章節。

步驟 6 - 在建立的 Mocha 規範檔案中新增以下程式碼。

// test suite name
describe('Tutorialspoint application', function(){
   //test case
   it('Alerts', function(){    
      // launch url
      browser.url('https://the-internet.herokuapp.com/javascript_alerts')  
      //identify element with xpath then click
      $("//*[text()='Click for JS Prompt']").click()
      //check if Alert is open
      console.log(browser.isAlertOpen())   
      //get Alert Text
      console.log(browser.getAlertText() + ' - Alert Text') 
      //accept Alert
      browser.acceptAlert()
   });
});

使用以下命令執行配置檔案 - wdio.conf.js 檔案：

npx wdio run wdio.conf.js 

有關如何建立配置檔案的詳細資訊，請參閱標題為“wdio.conf.js 檔案”和“配置檔案生成”的章節。

您的計算機上將出現以下螢幕：

成功執行命令後，控制檯將列印第一個 true，因為它是 browser.isAlertOpen() 方法返回的值。然後，警報文字“我是一個 JS 提示”將列印到控制檯。