WebdriverIO - 滚动操作

我们可以使用 WebdriverIO 的 scrollIntoView 方法执行滚动操作。此方法不接受任何参数，可以应用于浏览器对象或特定元素。

语法

语法如下：

const p = $('#loc')
p.scrollIntoView()

或者，

browser.scrollIntoView()

在下图中，让我们滚动到页脚元素链接 - 帮助并点击它。

首先，请按照标题为“使用 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('Scroll', function(){    
      // launch url
      browser.url('https://tutorialspoint.com/index.htm')  
      //identify element 
      const e = $("=Helping")
      //scroll to element
      e.scrollIntoView()
      e.click()
      //get page title
      console.log(browser.getTitle() + ' - Page time after click')
   });
});

运行配置文件 - wdio.conf.js 文件，使用以下命令：

npx wdio run wdio.conf.js 

有关如何创建配置文件的详细信息在标题为“wdio.conf.js 文件”和“配置文件生成”的章节中进行了详细讨论。

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

成功执行命令后，滚动后点击链接 - 帮助 Tutorials Point - Tutorialspoint 获取的页面标题将打印在控制台中。