Selenium WebDriver（节点js / C＃）-元素不可见/尝试将值发送到搜索框时没有此类元素异常

Question

Using Selenium WebDriver, trying to test the search feature on website https://www.healthdirect.gov.au/ . I get "no such element/element not visible" exception everytime, same code works for other searches like google.

Javascript(Node js) snippet:

driver.get('https://www.healthdirect.gov.au/');

var search = driver.findElement(By.css('#header-search'));//tried with id,name,xpath elements and got same exception

search.sendKeys('fever');

C# snippet(with added wait):

 string searchEngine = "https://www.healthdirect.gov.au/";

 IWebDriver driver = new ChromeDriver();

 driver.Navigate().GoToUrl(searchEngine);

 WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(25));

 wait.Until(ExpectedConditions.ElementExists(By.Id("header-search")));

 driver.FindElement(By.Id("header-search")).SendKeys("fever");    

Code from the website to find elements:

        <ul class="dropdown-menu hda-head_menu-row-tablet-search-list" role="listbox" position="position">
                            </ul>

Answer 1

Whenever such error occurs, make sure there not multiple matches of your object. I just checked Firebug and you can see there are 3 matching nodes and the one your are interested in is the second one

Expected solution is to loop through the elements

var elems = driver.FindElement(By.Css("#header-search"))

Loop through them and check IsDisplayed and click the one which is displayed. Because they will change based on Mobile or Desktop resolution