在硒测试中遇到 ng 选择框问题

Question

我目前正在尝试从使用 ionic 进行前端实现的网站测试某个元素。

我被这个使用ng-select列表框的元素卡住了。

我试图找到各种不同的答案，并尝试了许多不同的方法组合，但仍然没有运气。目前我的代码通过 xpath 找到这个元素。

我试过的：

选择类，不工作，报错信息

ng 类型的元素选择不选择

.click(), 总是得到一个错误信息

“元素在这一点上不可点击......”

Javascript 执行程序单击，没有任何反应。

.sendKeys(), “无法聚焦元素”或“元素不是输入类型”

还有其他一些...

我有点在我的选择结束。我不知道如何与这个盒子互动。有没有其他可行的方法？

另外，我对我实际上应该与哪个元素进行交互感到困惑？我试过了sendKeys，ngInput但它不接受输入。我试过选择ng-select.

我的主要目标是模拟对所述元素的点击，就像用户从下拉列表中选择一样。

下面是特定元素的 HTML 代码，用 ionic 编码。

<ng-select class="ng-select ng-select-single ng-pristine ng-valid ng-select-bottom ng-touched"

           formcontrolname="productBrand" role="listbox">

  <div class="ng-select-container ng-has-value">

    <div class="ng-value-container">

        <div class="ng-placeholder"></div>

        <!----><!---->

            <!----><div class="ng-value disabled">

                <!---->

                <!---->

                    <span aria-hidden="true" class="ng-value-icon left">×</span>

                    <span class="ng-value-label">Select from list

            </span>

            </div>

        <!---->

        <!----><div class="ng-input">

            <!----><div role="combobox" tabindex="0" aria-expanded="false">

            </div>

            <!---->

        </div>

    </div>

    <!---->

    <!----><span class="ng-clear-wrapper" title="Clear all">

        <span aria-hidden="true" class="ng-clear">×</span>

    </span>

    <span class="ng-arrow-wrapper">

        <span class="ng-arrow"></span>

    </span>

</div>

<!---->

</ng-select>

任何帮助表示赞赏！