WebdriverIO - 雙擊

WebdriverIO 可以使用 `doubleClick` 方法執行滑鼠操作，例如雙擊。透過此方法，我們可以對網頁上的給定元素執行雙擊操作。

語法

語法如下：

let p = $('#loc')
p.doubleClick()

讓我們對下面的元素執行雙擊：

在這裡，可以看到雙擊“雙擊我檢視警告”按鈕後，會生成一個警告框。

首先，請按照“使用 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('Double Click', function(){    
      // launch url
      browser.url('http://only-testing-blog.blogspot.com/2014/09/selectable.html')  
      //identify element then double click
      $("button").doubleClick()
      //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 檔案”和“配置檔案生成”章節。

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

命令成功執行後，雙擊生成的警告文字 - “您雙擊了我.. 謝謝..” 將列印在控制檯中。