IntelliJ IDEA 2025.1 Help

Selenium 页面对象

Page Object 是 Selenium 中的一种设计模式,用于建立存储 web 元素的对象库。 其目的是减少代码重复并提高测试用例的可维护性。

典型的工作流程从为您要测试的网页创建一个页面对象类开始。 然后将定位器和用于与该页面上的元素交互的方法填充到此页面对象类中。 一旦页面对象设置完成,您可以在测试脚本中引用这些方法以在网页上执行操作。

创建页面对象

  1. 项目 工具窗口中,右键点击您要存储 Page Object 的目录,然后选择 新建 | Selenium 页面对象

  2. 请选择实现语言、框架,并为 Page Object 命名。

  3. (可选)提供您正在为其创建 Page Object 的网页的 URL。

    新的 Selenium 页面对象
  4. (可选)如果需要,您可以自定义页面对象模板。 有关更多信息,请参见 自定义 Page Object 模板

  5. 点击 OK (确定)。

因此,创建了一个新的 Page Object。

向页面对象添加元素

  1. 点击 Web Inspector 按钮 右侧边栏以打开 Web 检查器 工具栏窗口。

  2. 在地址栏中指定页面的 URL。 如果您在 上一步中提供了 URL,这一步是可选的。

    地址栏控件
  3. 点击 页面中选择元素按钮 并在 Web 检查器 中选择您要添加到 Page Object 的元素。

    在页面中选择元素
  4. 一旦选择了该元素,点击 将元素添加到代码 将该元素添加到代码中。

    将元素添加到代码按钮

    要添加特定类型的选择器(IDNameTag with classes等),请点击 通过以下方式将元素添加到代码: 并选择所需选项。

    通过向代码添加元素

    如果您想在 CSS 和 XPath 定位器之间切换,请点击 并选择所需的定位器类型。

    选择定位器类型

因此,一段代码被生成并添加到代码编辑器。 重复这些步骤以填充 Page Object 中的其他元素。

更改现有 Page Object 中的 URL

如果您想为 Page Object 指定不同的网页 URL,请在 // page_url 注释中更新页面地址。

编辑 Page Object

自定义 Page Object 模板

如果您想自定义 Page Object 文件的默认内容(例如,导入额外的类),请修改 Page Object 模板:

  1. 请按 Ctrl+Alt+S ,然后选择 编辑器 | 文件和代码模板

    文件和代码模板设置
  2. 选择 其他 选项卡。

  3. 点击 Selenium | 页面对象模板 | <所需语言>

  4. 从列表中选择所需的 Page Object 模板。

    页面对象模板列表
  5. 修改模板。

  6. 点击 应用 以保存更改。

因此,所有新创建的 Page Objects 都将包含所提供的更改。

最后修改日期: 2025年 4月 24日