java - 在 selenium 测试中遇到 ng 选择框的问题

Question

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

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

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

我试过的:

选择类，不起作用，错误提示

element of type ng select not select

.click()，总是得到

的错误信息

"Element is not clickable at point..."

Javascript 执行器点击，没有任何反应。

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

还有其他一些......

我的选择有点多了。我不知道如何与这个盒子互动。还有其他有效的方法吗？

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

上尝试了 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>

感谢任何帮助!

Answer 1

尝试使用 Action 类点击:

WebElement selectBox = driver.findElements(By.xpath("//span[contains(.,'Select from list')]")).get(1);

public static void actionClick(WebDriver driver, WebElement element) {
        Actions actions = new Actions(driver);
        actions.moveToElement(element).click().build().perform();
    }

现在，如果正常点击不起作用，那么您可以使用 Actions 类或 元素“selectBox”上的 JavascriptExecutor