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 文件”和“配置文件生成”章节。

您的计算机上将出现以下屏幕：

命令成功执行后，双击生成的警告文本 - “您双击了我.. 谢谢..” 将打印在控制台中。