C# Selenium 使用 ChromeDriver 模拟 keyup

Question

我目前正在测试文本输入的行为，它在键入搜索词时对 keyup 事件的列表应用过滤。

我有以下代码：

public IWebElement txtSearchInput => _chromeDriver.FindElement(By.XPath("//input[contains(@class, 'search-input')]"));

public void TypeSearchInput(string searchTerm)
{
    txtSearchInput.Click();
    txtSearchInput.SendKeys(searchTerm);
}

它成功在输入中添加了搜索词，但由于未模拟 keyup 事件（因此未过滤列表），因此未启动过滤。

到目前为止，我尝试将上述方法附加到txtSearchInput.SendKeys(Keys.Up);，但没有奏效，我看不到任何解决方法。

这是在 Angular 上编写的前端实现的参考：

     <input type="text"
            class="search-input"
            placeholder="Type to filter.."
            [(ngModel)]="searchTerm" 
            (keyup)="filterUsers()"/>

任何想法/帮助将不胜感激。只是为了强调设置是 SpecFlow、Selenium、ChromeDriver、VS 2022。谢谢

Answer 1

您可以使用 Selenium 框架的Keys 类并发送 Enter 键，因此我可以假设在发送 Enter 键后过滤将起作用。

txtSearchInput.SendKeys(searchTerm + Keys.Enter);

---

更新：

因为这是一个 Angular 站点，Selenium 应该等到 Angular 初始化。

所以这里是等待页面完全加载的函数：

private void WaitForAngular(IWebDriver driver)
{
    WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(20));
    wait.Until(webDriver =>
    {
        return ((IJavaScriptExecutor)webDriver)
            .ExecuteScript(
                "return window.getAllAngularTestabilities().findIndex(x=>!x.isStable()) === -1")
            .Equals(true);
    });
}

感谢this article 正确的方向。

以及调用代码：

driver.Navigate().GoToUrl("http://angularsamplegithubproject.s3-website-us-east-1.amazonaws.com/");
WaitForAngular(driver);
string xpath = "//input[contains(@class, 'search-input')]";
IWebElement txtSearchInput = driver.FindElement(By.XPath(xpath));
txtSearchInput.Click();
txtSearchInput.SendKeys("moj");

Answer 2

在应用了几种技术之后，问题似乎是 ChromeDriver 的速度，而不是 keyup 没有被触发。

作为一种解决方法，我最终进行了以下修改：

        public void TypeSearchInput(string searchTerm)
        {
            txtSearchInput.Click();
            foreach (var character in searchTerm)
            {
                Thread.Sleep(200);
                txtSearchInput.SendKeys(character.ToString());
            }
        }

我希望这对遇到同样问题的人有所帮助。