Selenium C# ElementNotVisibleException：元素不可交互，但该元素实际上是可见的

Question

我正在使用 Selenium.WebDriver for C# 在 Quora 上提问，只需在记事本中输入我的问题。

一切都很好，因为我不得不发布它。

要发布它，我需要单击跨度内的链接，如下所示：

<span id="__w2_wEA6apRq1_submit_question">
  <a class="submit_button modal_action" href="#" id="__w2_wEA6apRq1_submit">Add Question</a>
</span>

为了点击它，我已经尝试过这个方法，我已经用过我之前的所有按钮点击：

选择元素并点击它：

var element = driver.FindElement(By.CssSelector(".submit_button.modal_action"));
element.Click();

这样做我可以获得元素，但不幸的是它会抛出“ElementNotVisibleException”。调试我的应用程序时，我可以看到 Displayed 属性设置为 False，但事实并非如此，因为在我的 ChromeDriver 中我可以清楚地看到该按钮。

为了避免点击元素，我尝试了IJavaScriptExecutor和Driver.ExecuteJavaScript();通过脚本点击链接：

IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
js.ExecuteScript("arguments[0].click()", element);

Driver.ExecuteJavaScript(); 使用了相同的逻辑，但我得到了相同的结果，但是当我将相同的脚本写入 DevTools 的控制台选项卡时，它可以完美运行。

我该如何解决这个问题？

Answer 1

您可能会遇到在执行检查后按钮变为显示（可见）的情况，因此您可以尝试以下延迟以确保在检查时显示按钮：

public static void WaitForElementToBecomeVisibleWithinTimeout(IWebDriver driver, 
    IWebElement element, int timeout)
{
    new WebDriverWait(driver,                 
        TimeSpan.FromSeconds(timeout)).Until(ElementIsVisible(element));
}

private static Func<IWebDriver, bool> ElementIsVisible(IWebElement element)
{
    return driver =>
    {
        try
        {
            return element.Displayed;
        }
        catch (Exception)
        {
            // If element is null, stale or if it cannot be located
            return false;
        }
    };
}

如果按钮在视口中不可见（即需要滚动才能可见），那么您可以滚动它

public static void ScrollElementToBecomeVisible(IWebDriver driver, IWebElement element)
{
    IJavaScriptExecutor jsExec = (IJavaScriptExecutor)driver;
    jsExec.ExecuteScript("arguments[0].scrollIntoView(true);", element);
}

Answer 2

根据您共享的 HTML，单击带有文本为 添加问题 的元素，因为该元素位于 模态对话框 中，您需要诱导 WebDriverWait 为所需的 ElementToBeClickable 并且您可以使用以下任一Locator Strategies 作为解决方案：

• LinkText:

  new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.LinkText("Add Question"))).Click();
  

• CssSelector:

  new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("span[id$='_submit_question']>a.submit_button.modal_action"))).Click();
  

• XPath:

  new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.XPath("//span[contains(@id,'_submit_question')]/a[@class='submit_button modal_action' and contains(.,'Add Question')]"))).Click();