页面对象模型 - 下拉菜单

Question

我有一个基于旧 javascript 代码的网站。

它有两个部分和单个 URL，在任何交互后都不会改变。 主要部分 - 显示一些可以单击或输入一些数据的选项。 另一个部分 - 只是下拉。可能除了一些静态内容之外什么都没有。此下拉部分基于主要部分页面。

一般来说，调用顺序可以是 1. 在页面的主要部分点击一些东西。下拉部分没有任何内容 2.现在下拉部分更改。在那里选择一些东西。主要部分的变化 3. 输入数值并点击主要部分。在下拉部分更改 4.下拉选择。主要部分的更新 5.等等

我正在使用页面对象模型 我为每个页面的主要部分创建了页面对象

这里的问题是 如何处理下拉。这个下拉菜单在大部分页面上都在变化。 基本上有下拉或什么都没有。

请记住，虽然 HTML 会根据交互而发生变化，但 URL 不会发生变化。 谢谢

Answer 1

我建议您遵循以下方式： 1. 使用@FindBy 仅创建下拉菜单的父元素。 2.在方法中使用这个元素，处理下拉列表+所需子元素的路径，F.E：

html 中的下拉菜单：

<span id="mainDropDown">
  …..
   <span index="3">Item to click</span>
</span>

Java 代码（由于我现在在其他框架中编码，可能有错误）：

@FindBy(id="mainDropDown")
private WebElement dropDown;
public void expandDropdown(){
    dropDown.Click();
    werifyIfExpand();
}

publick void selectItemByIndexValue(int index){
    dropDown.findElement(By.xpath(".//span[@index= '" + index + "']"));
}