頁 Object Model - 下拉菜單

Question

我有一個基於舊 javascript 代碼的網站。

它有兩個部分和一個 URL，在任何交互后都不會改變。 主要部分 - 顯示一些可以單擊或輸入一些數據的選項。 另一個部分 - 只是下拉。 除了一些 static 內容外，可能什么都沒有。 此下拉部分基於主要部分頁面。

通常，調用順序可以是 1. 單擊頁面主要部分上的某些內容。 下拉第 2 部分沒有任何內容。現在下拉部分更改。 select 那里有東西。 更改主要部分 3. 輸入值並單擊主要部分。 更改下拉部分 4. 下拉選擇。 更新主要部分 5. 等等

我正在使用頁面 object model 我為每個頁面的主要部分創建頁面 Object

這里的問題是如何處理下拉菜單。 這個下拉菜單在大部分頁面上都在變化。 基本上有下拉或什么都沒有。

請記住，URL 不會改變，盡管 HTML 會根據交互而改變。 謝謝

Answer 1

我建議您遵循以下方式： 1. 使用@FindBy 僅創建下拉菜單的父元素。 2.在方法中使用這個元素，它處理下拉列表+所需子元素的路徑，FE：

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