ElementNotInteractitableException:元素不可交互C#Nunit Selenium

Question

我是新的Selenium C#NUnit。我跟着一行代码跑了

 IWebElement SplitCase = driver.FindElement(By.XPath(".//*[@id='OpportunityPageV2UsrSplitCase503e4272-cdbd-44d2-98c2-e67a2996c717ComboBoxEdit-el']"));
 SplitCase.Click();
        
 IWebElement SplitCaseYes = driver.FindElement(By.CssSelector("li[data-item-marker=Yes]"));

var wait=new WebDriverWait（驱动程序，TimeSpan.FromSeconds（30））；等待直至（d）=

 SplitCaseYes.Click();

我得到了以下消息：消息：OpenQA. Selenium。元素不可交互（会话信息：chrome=89.0.4389.114)堆栈跟踪：远程WebDriver。Unpack AndThrowOnError（响应错误响应）远程Web驱动程序。Execute（String driverDirecdToExecute，字典2参数）Remote teWebElement.Execute（字符串命令ToExecute，字典2参数）RemteWebElement.单击（）TestClass1。CaseInfoTab（）第151行

然后我加上10秒的等待时间：

WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
wait.Until(ExpectedCondithtml" target="_blank">ions.ElementToBeClickable(By.CssSelector("li[data-item-marker=Yes]")));

我得到了这个信息：

留言：

OpenQA.Selenium.WebDriverTimeoutException : Timed out after 10 seconds

堆栈跟踪：DefaultWait1。ThrowTimeoutException（字符串exceptionMessage，Exception lastException）DefaultWait1。直到[TResult]（Func`2条件）TestClass1。CaseInfoTab（）第150行

请参阅附件

谢谢你的帮助

Answer 1

改变

IWebElement SplitCase = driver.FindElement(By.XPath(".//*[@id='OpportunityPageV2UsrSplitCase503e4272-cdbd-44d2-98c2-e67a2996c717ComboBoxEdit-el']"));

到

IWebElement SplitCase = driver.FindElement(By.XPath("//div[contains(@id,'OpportunityPageV2UsrSplitCase')]"));

我不确定是否有div在开始。我没有看到它的屏幕截图。验证一下。您使用的定位器不稳定。还要添加显式等待。

尝试2：

对于SplitCaseYes还可以尝试使用此css选择器：By。CSS选择器（'li[数据项标记=“是”]”）或ul

另外，在单击元素之前添加wait。

WebDriverWait wait = new WebDriverWait(PropertiesCollection.driver, TimeSpan.FromSeconds(30));
WebElement el = wait.until(ExpectedConditions.ElementToBeClickable(By.CssSelector("your selector")));
el.click();

可能的Ajax问题

由于Ajax请求，您的元素可能无法交互：

在单击之前，请尝试以下操作：

public void WaitForAjax()
{
    var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(15));
    wait.Until(d => (bool)(d as IJavaScriptExecutor).ExecuteScript("return jQuery.active == 0"));
}

更新4.上面的定位器有可能不是唯一的（你检查了我提出的CSS定位器吗？）尝试以下xpath：

//div[contains(@data-item-marker,'Split Case')]/ul/li[@data-item-marker='Yes']

这个定位器首先用Split Case文本查看data-item-mark，然后向下到ul，最后到第二个li元素。在这种情况下，可以只使用li[2]来代替/li[@data-item-mark='Yes']

在使用定位器执行任何代码之前，您应该检查它是否唯一。

更新5：我发现C#的SeleniumExpectedConditions已经过时：C#SeleniumExpectedConditions已经过时了，请尝试使用：SeleniumExtras。服务员。预期条件。您需要使用Nuget package manager导入它。以下是一个例子：

var wait = new WebDriverWait(driver, TimeSpan.FromMilliseconds(10000));
wait.Until(SeleniumExtras.WaitHelpers.ExpectedConditions.ElementToBeClickable(By.CssSelector("ul>li[data-item-marker=Yes]")));

Answer 2

您的css选择器似乎是错误的。现在试试。它应该是标签名[属性名='属性']

WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10)); 
wait.Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("li[data-item-marker='Yes']")));

或者使用以下xpath。

WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10)); 
wait.Until(ExpectedConditions.ElementToBeClickable(By.XPath("//li[@data-item-marker='Yes' and text()='Yes']")));

更新：

尝试使用Java脚本执行器。

IWebElement SplitCaseYes = driver.FindElement(By.CssSelector("li[data-item-marker='Yes']"));
IJavaScriptExecutor executor = (IJavaScriptExecutor)driver;
executor.ExecuteScript("arguments[0].click();", SplitCaseYes);