Couldn't locate the search bar

Question

I need to locate a search bar to search some text listed in the below box and click on it. I tried below code but I couldn't perform the activity.

This code wasn't clicked the search bar:-

driver.findElement(By.xpath("//input[@class='Searchbar__search-field___2FQ0S search-input']")

Image of the HTML: enter image description here

score 1 · Accepted Answer · answered Apr 24 '19 at 10:12

1

The desired elements are ReactJS enabled elements within a Modal Dialog so to locate the element you have to induce WebDriverWait for the element to be clickable and you can use either of the following Locator Strategies:

cssSelector:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("div.modal-body#promotion-url-modal-body input.search-input[placeholder='Find a promotion...']"))).click();

xpath:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='modal-body' and @id='promotion-url-modal-body']//input[contains(@class, 'search-input') and @placeholder='Find a promotion...']"))).click();

answered Apr 24 '19 at 10:12

DebanjanB

118,661
30
168
217

@ debanjanB I tried both codes but its not clicking the search box. I am trying to click the search box and send keys using the items in the screenshot – User2080 Apr 24 '19 at 10:37
1

@User2080 It is pretty tough to construct an xpath/css from an image. Please read why a [screenshot of HTML or code or error is a bad idea](https://meta.stackoverflow.com/questions/303812/discourage-screenshots-of-code-and-or-errors). Consider updating the Question with formatted text based relevant HTML, code trials and error stack trace. – DebanjanB Apr 24 '19 at 10:41
1

@DebabjanB I made some changes(My mistake) and ran with your code, now its working fine. Thanks a lot... – User2080 Apr 24 '19 at 12:13
@User2080 [Upvote](https://stackoverflow.com/help/why-vote) the answer if this/any answer is/was helpful to you for the benefit of the future readers. – DebanjanB Apr 24 '19 at 12:18

Alex Chumakin · Answer 2 · 2019-04-25T11:06:37.773

0

class can be changed, you need to check HTML on failed step. As a workaround you can use more generic xpath: driver.findElement(By.xpath("//input[contains(@class, 'search-input')]"))

edited Apr 25 '19 at 11:06

answered Apr 24 '19 at 09:50

Alex Chumakin

56
5

@ Alex Chumakin, I used your code though its not working – User2080 Apr 24 '19 at 10:12
you can always try to find another element (e.g. parent one) and switch to required: `driver.findElement(By.xpath("//span[contains(@class, 'fa-search')]/input"))` – Alex Chumakin Apr 25 '19 at 11:08

score 0 · Answer 3 · answered Apr 24 '19 at 10:59

Do you need to switch to a new frame before doing anything in the modal dialog? Do this:

driver.switchTo().activeElement();

And then try the following CSS locator:

new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("#promotional-url-modal-overlay input[placeholder='Find a promotion...']"))).click();

score 0 · Answer 4 · answered Apr 24 '19 at 11:18

Can you provide us with a link to the website you are trying to interact with? Chances are the element is within an iframe, in which case you need to switch to the iframe before you can interact with said element.

Make sure your window is maximised, as this can interfere with iframes:

driver.manage().window().maximize();

Then you will need to find the id of the iframe, using something like firebug

Once you have the id:

driver.switchTo().frame("xxxxxxxxx");

interact with said element within the iframe:

driver.findElement(By.xpath("html/body/a/img")).click();

Couldn't locate the search bar

4 Answers4