页面对象模型 - 下拉菜单

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 + "']"));
}