如何通过Selenium C#向text-angular标签内的input标签发送文本

嘿，这种隐藏元素搞不定的情况我太熟了！Selenium的SendKeys()方法确实会严格检查元素是否可见、可交互，所以隐藏的input自然就没法直接操作了。不过别慌，用JavaScript就能轻松绕过这个限制，给你两种常用的解决办法：

方法一：直接用JS设置元素的Value属性（最简便） #

这种方法不需要改变元素的可见性，直接通过JavaScript修改它的value值，代码如下：

// 先定位到目标隐藏元素
IWebElement hiddenInput = driver.FindElement(By.Id("emailMessageContent"));
// 转为JavaScript执行器
IJavaScriptExecutor jsExecutor = (IJavaScriptExecutor)driver;
// 执行脚本设置输入框内容
jsExecutor.ExecuteScript("arguments[0].value = 'This is only a test';", hiddenInput);

方法二：先让元素可见，再用常规SendKeys #

如果你的场景需要触发输入框的原生事件（比如实时校验、自动补全），可以先通过JS把元素改成可见状态，再用SendKeys()：

IWebElement hiddenInput = driver.FindElement(By.Id("emailMessageContent"));
IJavaScriptExecutor jsExecutor = (IJavaScriptExecutor)driver;
// 移除隐藏相关的样式（根据实际隐藏方式调整，比如display/visibility）
jsExecutor.ExecuteScript(@"
    arguments[0].style.display = 'block';
    arguments[0].style.visibility = 'visible';
    arguments[0].style.opacity = '1';
", hiddenInput);
// 现在就能正常输入了
hiddenInput.SendKeys("This is only a test");

进阶：触发输入事件（应对页面校验） #

有些页面会监听input的input或change事件，如果直接设value没反应，可以手动触发这些事件：

IWebElement hiddenInput = driver.FindElement(By.Id("emailMessageContent"));
IJavaScriptExecutor jsExecutor = (IJavaScriptExecutor)driver;
jsExecutor.ExecuteScript(@"
    arguments[0].value = 'This is only a test';
    // 触发input事件，让页面感知到内容变化
    const inputEvent = new Event('input', { bubbles: true });
    arguments[0].dispatchEvent(inputEvent);
    // 要是change事件也需要，再加上下面这句
    // const changeEvent = new Event('change', { bubbles: true });
    // arguments[0].dispatchEvent(changeEvent);
", hiddenInput);

这些方法基本能覆盖绝大多数隐藏input的场景，你可以根据自己页面的实际情况选合适的来用～

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