selenium java 和 React 下拉列表中的动态下拉选项选择，没有选择类，也没有 id 来选择选项

Question

当下拉选项没有id且没有select类并且下拉值的顺序每次都改变时，如何选择所需的下拉值。这是一个 React Material ui 下拉列表？

<input aria-invalid="false" autocomplete="off" id="condition_selector" placeholder="Type at least 3 characters" type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused MuiInputBase-inputAdornedEnd MuiOutlinedInput-inputAdornedEnd MuiInputBase-inputMarginDense MuiOutlinedInput-inputMarginDense" aria-autocomplete="both" autocapitalize="none" spellcheck="false" value="Essential Hypertension" aria-controls="condition_selector-popup" aria-activedescendant="condition_selector-option-2">

这是下拉输入字段。

在这里，当我将鼠标悬停在下拉菜单下显示的选项上时，“aria-activedescendant”值根据悬停的选项值而变化，例如 aria-activedescendant="condition_selector-option-2"、aria-activedescendant="condition_selector-option-3 ”等等..

但是如何单击该特定的活动后代以及如何知道哪个选项值是什么？

Answer 1

您不应该寻找 元素附近的选项。
您的选项应该位于 DOM 末尾的某个

（最有可能）元素中。

如果清除输入，该 div 很可能会消失，并且一旦您在输入中输入某种内容，该元素就会弹出。

因此，基本上，您需要在输入字段中输入所需的选项，然后通过某些唯一属性（如果有）或文本找到所需的选项，例如 //*[text()='原发性高血压']。

确保等待元素可点击，然后再与其交互。