Selenium使用JavaScript向CodeMirror元素插入文本失败问题求助

你遇到的问题核心在于CodeMirror组件的DOM结构不是普通的表单输入控件，之前的代码操作了pre元素并试图设置value属性，但pre和内部的span.cm-word都是普通的文本展示元素，根本没有value这个属性，所以设置后不会有任何效果。下面是针对这个场景的有效解决方法：

1. 定位正确的目标元素 #

首先要精准定位到你需要插入文本的<span class='cm-word'>元素，而不是外层的pre。调整你的定位器：

WebDriver driver = DriverFactory.getWebDriver();
// 定位到cm-word元素
WebElement cmWordElement = driver.findElement(By.xpath("//div[@class='CodeMirror-code']//span[@class='cm-word']"));

2. 使用JavaScript修改元素的文本内容 #

因为这是普通的DOM文本元素，我们需要修改它的textContent（纯文本）或者innerHTML（支持HTML格式）属性，而不是value。修改后的JavaScript执行代码如下：

JavascriptExecutor executor = (JavascriptExecutor) driver;
// 设置纯文本内容
executor.executeScript("arguments[0].textContent = 'sample text';", cmWordElement);

// 如果需要插入带格式的内容，可以用innerHTML
// executor.executeScript("arguments[0].innerHTML = '<em>sample formatted text</em>';", cmWordElement);

3. 处理动态加载的情况（可选） #

如果Salesforce控制台里的CodeMirror是动态渲染的，可能需要先等待元素可见再操作，避免定位失败：

WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
WebElement cmWordElement = wait.until(ExpectedConditions.visibilityOfElementLocated(
    By.xpath("//div[@class='CodeMirror-code']//span[@class='cm-word']")
));

为什么之前的方法无效？ #

• 你操作的pre元素不是可输入的表单控件，它的value属性不存在，设置后不会触发任何文本变化。
• CodeMirror组件虽然看起来像编辑器，但底层是用普通DOM元素构建的，不能用操作input/textarea的常规方法（比如setText）来修改内容，必须直接操作DOM的文本属性。

内容的提问来源于stack exchange，提问作者Prabu