Selenium WebDriver- 网页滚动

2025年3月17日 | 阅读 3 分钟

在本节中,您将学习如何向下或向上滚动以显示网页上存在其他信息。

让我们考虑一个测试案例,我们将自动化以下场景

  • 调用 Firefox 浏览器
  • 打开 URL: www.javatpoint.com
  • 通过网页向下滚动以显示 Java 技术部分

我们将逐步创建我们的测试案例,以便您完全了解如何使用 JavaScript 的“scrollBy”方法滚动网页。

步骤 1. 启动 Eclipse IDE 并在本教程前面的会话中创建的现有测试套件“Demo_Test”中打开。

步骤 2. 右键单击“src”文件夹,然后从新建 >类创建一个新的类文件。

Selenium WebDriver- Scrolling a web page

将您的类名命名为“Scroll_Test”,然后单击“完成”按钮。

Selenium WebDriver- Scrolling a web page

步骤 3. 让我们进入编码区。

  • 要调用 Firefox 浏览器,我们需要下载 Gecko 驱动程序并为 Gecko 驱动程序设置系统属性。我们已在本教程前面的会话中讨论过。您可以参考“在 Firefox 浏览器上运行测试”以了解如何下载和设置 Firefox 驱动程序的系统属性。

以下是为 Gecko 驱动程序设置系统属性的示例代码

  • 之后,我们必须使用 Desired Capabilities 类初始化 Gecko 驱动程序。

以下是使用 DesiredCapabilities 类初始化 gecko 驱动程序的示例代码。

结合以上两个代码块,我们将获得启动 Firefox 浏览器的代码段。

  • 之后,我们需要编写代码来自动化我们的第二个测试场景(导航到所需的 URL)

以下是导航到所需 URL 的示例代码

到目前为止的完整代码将如下所示

步骤 4. 要自动化我们的第三个测试场景,我们需要编写代码来滚动网页以下显示 JavaTpoint 网站上存在的 Java 技术部分。

要滚动网页,我们必须使用 JavaScript 的 scrollBy 方法。为了执行 JavaScript 方法,我们将使用 JavaScript 执行器。scrollBy 方法采用两个参数,每个参数用于水平和垂直滚动(以像素为单位)。

因此,我们最终的测试脚本将如下所示

执行后,上述测试脚本将启动 Firefox 浏览器并自动执行所有测试场景。