how to get element inside custom tag in chrome web driver

Question

This is my sample html code.

<div class="content">
<M class="mclass">
   <section id="sideA">
       <div id="mainContent"> 
           <div class="requestClass"> 
              <span>Check</span>
              <input type="text" id="box">
           </div>
       </div>
   <section>
   <section id="sideB">
      ...
   <section>
</M>
</div>

I want to set some value to my text field ("box"). So I tired to set like below code

driver.findElement(By.xpath("...")).sendKeys("SetValue");

My Xpath id is correct, it's exist in the page but am getting this error

no such element: Unable to locate element: {"method":"xpath","selector":"id("..."}

Why I am getting this error because of my custom tag,if yes how to get element inside custom tag?

include your complete xpath. Any reason you are not using id... — Grasshopper, Oct 07 '17 at 17:45
Why don't you use `id` ? Just: `driver.findElement(By.id("box").sendKeys("SetValue");` — krokodilko, Oct 07 '17 at 17:51

score 1 · Answer 1 · answered Oct 09 '17 at 09:30

As per the HTML you have provided to fill in some value to the text field represented by <input type="text" id="box"> you can use either of the following line of code:

cssSelector :

driver.findElement(By.cssSelector("section#sideA input#box")).sendKeys("SetValue");

xpath :

driver.findElement(By.xpath("//section[@id='sideA']//input[@id='box']")).sendKeys("SetValue");

score 0 · Answer 2 · answered Oct 07 '17 at 18:13

If you still want to use XPath. This worked for me-

 driver.FindElement(By.XPath(@"//*[@id='box']")).SendKeys("AB‌");

I don't think the custom tag causes any problem as the CssSelector also works-

driver.FindElement(By.CssSelector(@"m[class='mclass'] input")).SendKeys("AB");

score 0 · Answer 3 · edited Jan 05 '19 at 15:08

You can use ID or xpath to locate it, My suggestion you have to use ID. Also use Explicit wait till element to be visible.

Using ID, your code is like this:

WebElement elem= driver.findElement(By.id("box"));
WebDriverWait wait=new WebDriverWait(driver, 10);
wait.until(ExpectedConditions.visibilityOf(elem));
elem.sendKeys("test");

You can also use JavascriptExecutor

WebElement elem= driver.findElement(By.id("box"));
WebDriverWait wait=new WebDriverWait(driver, 10);
wait.until(ExpectedConditions.visibilityOf(elem));
JavascriptExecutor myExecutor = ((JavascriptExecutor) driver);
myExecutor.executeScript("arguments[0].value='test';", elem);

how to get element inside custom tag in chrome web driver

3 Answers3