打印下拉元素值的所有隐藏定位器并一一选择react bootstrap

Question

我们有React Bootstrap应用程序，它具有下拉字段，尝试获取Xpath并选择下拉值，但是当选择下拉值时，html不显示定位器或者它具有隐藏元素定位器，如图所示。

图中，

<input tag.. has aria-activedescendant="ch...demo-option-**0**">

为第一个下拉值，如果手动选择第二个下拉值，则它将更改为

<  "ch...demo-option-**1**">

但是这个定位器有点隐藏，除非鼠标悬停在下拉元素上，这个 demo-option-0 不会显示。

如何找到此下拉元素并获取要打印的所有值，请选中所有复选框。

Answer 1

本周我在使用 React 和 MUI 开发应用程序时遇到了同样的问题。由于某种原因，我们无法检查下拉组件（Autocomplete组件）中的选项。 我使用了 SelectorsHub Chrome 扩展中的调试器，发现每个选项的内部结构如下：

例子

所以我使用以下 xpath 来获取它们（用于我使用 Serenity.js 的自动化测试）： //li[@role="option"]//*[contains(text(), "Example")]