java - 自动化/处理第 5 个下拉列表 url https ://jedwatson. github.io/react-select/named as Github users(Aysnc with fetch.js)

Question

我在使用 Java 的 selenium Web 驱动程序自动执行此下拉操作时遇到问题

This是链接 - 转到名为 Github 用户的第 5 个下拉列表 (fetch.js)

我无法在搜索字段中输入数据。我在执行单击后使用发送键，但它引发了这样的异常“元素无法交互”我遵循的步骤

driver.findElement(By.xpath("xapth")).click

下拉菜单打开时没有任何选项，因为它是可搜索的，并且在搜索字段中输入关键字后选项会动态出现。

driver.findElement(By.xpath("xapth")).sendkeys("Test");

在这种情况下，发送键不起作用，因为执行发送键操作时下拉菜单已关闭。

<div class="Select-placeholder">Select...</div>

Answer 1

下面是正在运行的代码。请通过删除 thread.Sleep 并根据您的要求进行一些有意义的等待来优化代码。

driver.Navigate().GoToUrl("https://jedwatson.github.io/react-select/");
IWebElement element1 = driver.FindElement(By.XPath("//span[@id='react-select-6--value']"));
IWebElement element2 = driver.FindElement(By.XPath("//span[@id='react-select-6--value']/div[2]/input[1]")) ;
element1.Click();
Thread.Sleep(2000);
element2.SendKeys("Test");
Thread.Sleep(1000);
element2.SendKeys(Keys.Tab);

请注意，一旦您点击 element1，element2 就会被激活。