1

我有一个“全部清除”按钮，它是一个锚。HTML结构是这样的：

<div class="form-row toggle-closed" id="ProductFilters" style="display: block;">
    <div class="form-row__filter">
        <ul class="form-row__filter__bg-display">
            <li class="filter__group__item__small">
                <a id="ProductFiltersFilterText" class="f-right" data-select-all="ProductFilters" href="#">clear all</a>
            </li>
        </ul>
    </div>  
</div>

然后在 Selenium 测试中，我尝试a使用以下方法查找标签：

SeleniumHelper.ExpandFilterSection(_webDriver, "#ProductFilters");
var clearAllButton = _webDriver.FindElement(By.CssSelector("div.form-row__filter>ul>li>#ProductFiltersFilterText"));
clearAllButton.Click();

然后我开始调试，在自动 Chrome 窗口中，我可以看到通过执行ExpandFilterSection，过滤器被展开，“全部清除”按钮被暴露，然后一个错误说：

OpenQA.Selenium.ElementNotVisibleException: 'element not visible'

我如何在汽车中看到： 在此处输入图像描述

好像找到了“全部清除”按钮，为什么说“元素不可见”？按钮的功能是由 JavaScript 触发的。

4

1 回答 1

1

要click()在带有文本的元素上清除所有内容，您必须诱导WebDriverWait所需的ElementToBeClickable()内容，您可以使用以下任一Locator Strategies：

  • linkText：

    SeleniumHelper.ExpandFilterSection(_webDriver, "#ProductFilters");
new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.LinkText("clear all"))).Click();

  • cssSelector：

    SeleniumHelper.ExpandFilterSection(_webDriver, "#ProductFilters");
new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("div#ProductFilters>div.form-row__filter>ul.form-row__filter__bg-display>li.filter__group__item__small>a#ProductFiltersFilterText"))).Click();

  • xpath：

    SeleniumHelper.ExpandFilterSection(_webDriver, "#ProductFilters");
new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.XPath("//div[@id='ProductFilters']/div[@class='form-row__filter']/ul[@class='form-row__filter__bg-display']/li[@class='filter__group__item__small']/a[@id='ProductFiltersFilterText']"))).Click();
于 2019-09-16T13:58:12.213 回答