如何通过 Selenium 和 C# 查找动态元素并发送文本

Question

编辑：不确定它是否真的有助于解决这个问题，但这是基于 Sharepoint 的。

我有一个 Webdriver 找不到的带有特殊字符的元素。

var element = wait.Until(x => x.FindElement(By.Id("Tasrit_6aecdca9-e3b9-4141-ae36-d537784f9592_$TextField_inplacerte")));
element.SendKeys("foo");

我猜是$ 导致了问题。

相反，我是通过使用找到的：

var element = wait.Until(x => x.FindElements(By.CssSelector("div[id*='Tasrit_6aecdca9-e3b9-4141-ae36-d537784f9592']")));
element[2].FindElement(By.TagName("p")).SendKeys("foo");

测试以这种方式通过（看似），但值并没有真正发送到现场。 不幸的是，元素的层次结构中没有input 标记，当手动插入文本时，我可以看到该值已插入到<p> 标记中。但是，如图所示，当使用 <p> 标签时，它并没有真正的帮助。

HTML：

<div class="ms-rtestate-write ms-rteflags-0 ms-rtestate-field" id="Tasrit_6aecdca9-e3b9-4141-ae36-d537784f9592_$TextField_inplacerte" role="textbox" aria-haspopup="true" aria-labelledby="Tasrit_6aecdca9-e3b9-4141-ae36-d537784f9592_$TextField_inplacerte_label" style="min-height: 84px;" contenteditable="true" aria-autocomplete="both" aria-multiline="true" RteDirty="true">
  <p>
    <span id="ms-rterangecursor-start" RteNodeId="1"></span>
    <span id="ms-rterangecursor-end"></span>
  ​</p>
</div>

Answer 1

我猜该元素的 id 中有多余的空间 :) 试试这个：

wait.Until(x => x.FindElement(By.Id("Tasrit_6aecdca9-e3b9-4141-ae36-d537784f9592_$TextField_inplacerte")));
element.Click();

或者 DOM 中该元素的 Id 值不同，$TextField_inplacerte 是解析为例如的变量。 spaceMonkey, undefined, 5 etc. 打开开发工具，找到元素，右键单击，检查并确认 DOM 中元素的实际 Id。

您可以使用开发工具 API 在当前打开的页面（其中包含该元素）的 DOM 中搜索文本，如果它与 Id 匹配，如果不存在差异。它可以是任何部分，例如。 Id 中的第 6 个字符不同:)

只是为了确保您提到的 id 的第一部分和 24 之间的空间是您可以解决的问题：

1. 查看 webdriver 的代码，并在内部查看用于访问 DOM 元素的内容

2. 在测试之前加载 jquery：

   var element = wait.Until(x => x.FindElements($('#id 包含 空格')).SendKeys("foo");

基本上，不是使用 webdriver 方式查找元素，而是使用 jQuery 获取元素引用。如果这样可行，那就是空间问题，因为应用程序的设计不佳，在元素的 id 中有空间

这可能就是 CSS 选择器路由起作用的原因。

Answer 2

除了实现两个FindElement*，您还可以按如下方式一步完成：

• CssSelector:

  wait.Until(x => x.FindElement(By.CssSelector("div.ms-rtestate-write.ms-rteflags-0.ms-rtestate-field[id^='Tasrit_'][aria-labelledby$='_inplacerte_label']>p"))).SendKeys("foo");
  

• XPath:

  wait.Until(x => x.FindElement(By.XPath("//div[@class='ms-rtestate-write ms-rteflags-0 ms-rtestate-field' and starts-with(@id,'Tasrit_')][contains(@aria-labelledby,'_inplacerte_label')]/p"))).SendKeys("foo");
  

---

更新

但是元素在我看来是动态的，因此您需要诱导 WebDriverwait 以使所需的元素可点击，并且您可以使用以下任一解决方案：

• CssSelector:

  new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("div.ms-rtestate-write.ms-rteflags-0.ms-rtestate-field[id^='Tasrit_'][aria-labelledby$='_inplacerte_label']>p"))).SendKeys("foo");
  

• XPath:

  new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.XPath("//div[@class='ms-rtestate-write ms-rteflags-0 ms-rtestate-field' and starts-with(@id,'Tasrit_')][contains(@aria-labelledby,'_inplacerte_label')]/p"))).SendKeys("foo");
  

Answer 3

如果SendKeys() 不起作用，您可以尝试使用JavaScript

IWebElement webElement = element[2].FindElement(By.TagName("p"));
driver.ExecuteJavaScript("arguments[0].setAttribute('value', 'arguments[1]')", webElement, "foo");