如何在 selenium webdriver 的富文本编辑器中输入文本？
Posted
技术标签:
【中文标题】如何在 selenium webdriver 的富文本编辑器中输入文本？【英文标题】：How to Enter text in rich text editor in selenium webdriver? 【发布时间】：2017-02-22 17:28:02 【问题描述】：我们的应用程序中有一个富文本编辑器，我们正在使用 selenium 对其进行自动化。以下是相同的 html。
<iframe style="height: 76px; width: 1004px;"></iframe>
<html><head></head><body spellcheck="false"></body></html>
<head></head>
<body spellcheck="false"></body>
<html><head></head><body spellcheck="false"></body></html>
<iframe style="height: 76px; width: 1004px;"></iframe>
<div class=""><iframe style="height: 76px; width: 1004px;"></iframe></div>
<textarea class="form-control Editor" name="actionUpdate" id="actionUpdateId" style="display: none;"></textarea>
我尝试了多种选择。以下代码在 chrome 浏览器上运行良好
driver.switchTo().frame(0);
WebElement el = driver.switchTo().activeElement();
new Actions(driver).moveToElement(el).perform();
driver.findElement(By.xpath("/html/body")).sendKeys("Check");
但是它在 IE11 浏览器上不起作用，因为它无法使用 xpath 找到元素。 两种浏览器之间的区别在于，当我使用 IE 在文本字段中输入内容时，它会转到 textarea 标签。但是在 chrome 中，它输入 body tag 。我曾尝试在 IE 中使用 ID="actionUpdateID" 查找元素，但它会抛出一个异常，提示元素未显示，可能是因为 style="display : none;"
【问题讨论】：
这真的是完整的XPath吗？这对我来说似乎不对。
是的，这就是完整的 xpath，因为我正在切换到 iframe，也许这就是为什么它可以正常使用 /html/body
【参考方案1】：
由于在应用程序中手动输入文本会进入 textarea 元素，因此您可以尝试使用 sendKeys 设置值到 selenium 中的 textarea 元素. 当您使用 selenium 在 textarea 元素中设置一些值时，相同的值将被添加到 Web 应用程序中的 富文本编辑器。
但是根据您的 HTML 代码，textarea 元素的样式为 display:none，因此您的 selenium 代码将抛出一个 Exception 当你 sendKeys 到元素。如果将 display 属性更改为 inline 或 block，则可以解决此问题。
因此，您首先需要将 textarea 的样式设置为 display:inline，然后使用 sendKeys 为元素设置一些值。
使用 javascriptExecutor 改变 textarea 元素的样式：
((JavascriptExecutor)driver).executeScript("document.getElementsByName('actionUpdate')[0].style.display='inline'");
要为您的富文本编辑器设置一些值，请使用以下代码：
driver.findElement(By.name("actionUpdate")).sendKeys("Show this message in rich text editor");
【讨论】：
【参考方案2】：JavaScriptExecutor 是处理富文本框的更好方法。只需切换到正确的 iframe 并将 innerHtml 设置为该 iframe 的主体即可。
WebElement text= driver.findElement(By.cssSelector("body"));
(JavascriptExecutor)driver.executeScript("arguments[0].innerHTML = 'Set text using innerHTML'", text);
【讨论】：
无法使用 css 选择器 == body 找到元素【参考方案3】：感谢 Himanshi 我用你的方法解决了这个问题。这是我的代码。
driver.execute_script("document.getElementsByName('description')[0].style.display='inline'")
driver.execute_script("document.getElementsByName('description')[0].style.visibility='visible'")
【讨论】：
以上是关于如何在 selenium webdriver 的富文本编辑器中输入文本？的主要内容，如果未能解决你的问题，请参考以下文章
如何使用selenium webdriver来判断一个网页加载完毕
如何使用 C# 在 Selenium WebDriver (Selenium 2) 中最大化浏览器窗口？
如何使用selenium webdriver来判断一个网页加载完毕
如何在 ruby 中使用 Selenium WebDriver (selenium 2.0) 客户端设置选项