No idea how to address this input text field element with selenium / Java (openjdk 11 2018-09-25).

I tried xpath, cssSelector etc. it never works. Its always "Unable to locate element".

<slot name="input">
   <input part="value" tabindex="0" aria-labelledby="vaadin-text-field-input-3">
</slot>

This did NOT work:

driver.findElement(By.xpath("//input[@aria-labelledby='vaadin-text-field-input-3']")).sendKeys("test");

Is there a solution for this?

CodePudding user response：

To send a character sequence to the element you need to induce WebDriverWait for the elementToBeClickable() and you can use either of the following locator strategies:

• css_selector:

new WebDriverWait(driver, 20)
    .until(ExpectedConditions.elementToBeClickable(
          By.cssSelector("div.vaadin-text-field-container div[part=input-field][id^='vaadin-text-field-input'] slot[name='input'] > input[part='value'][aria-labelledby^='vaadin-text-field-input']")
    )).sendKeys("pixelhead");

• xpath:

new WebDriverWait(driver, 20)
   .until(ExpectedConditions.elementToBeClickable(
      By.xpath("//div[@class='vaadin-text-field-container']//div[@part='input-field' and starts-with(@id, 'vaadin-text-field-input')]//slot[@name='input']/input[@part='value' and starts-with(@aria-labelledby, 'vaadin-text-field-input')]")
   )).sendKeys("pixelhead");

CodePudding user response：

Xpath:

//div[@class='vaadin-text-field-container']//descendant::input[@part='value' and starts-with(@aria-labelledby, 'vaadin-text-field-input')]

Please check in the dev tools (Google chrome) if we have unique entry in HTML DOM or not.

Steps to check:

Press F12 in Chrome -> go to element section -> do a CTRL F -> then paste the xpath and see, if your desired element is getting highlighted with 1/1 matching node.

If this is unique //div[@class='vaadin-text-field-container']//descendant::input[@part='value' and starts-with(@aria-labelledby, 'vaadin-text-field-input')] then you need to check for the below conditions as well.

1. Check if it's in any iframe/frame/frameset.

   Solution: switch to iframe/frame/frameset first and then interact with this web element.

2. Check if it's in any shadow-root.

   Solution: Use driver.execute_script('return document.querySelector to have returned a web element and then operates accordingly.

3. Make sure that the element is rendered properly before interacting with it. Put some hardcoded delay or Explicit wait and try again.

   Solution: time.sleep(5) or

   WebDriverWait(driver, 20).until(EC.visibility_of_element_located((By.XPATH, "//div[@class='vaadin-text-field-container']//descendant::input[@part='value' and starts-with(@aria-labelledby, 'vaadin-text-field-input')]"))).send_keys("test")

4. If you have redirected to a new tab/ or new windows and you have not switched to that particular new tab/new window, otherwise you will likely get NoSuchElement exception.

   Solution: switch to the relevant window/tab first.

5. If you have switched to an iframe and the new desired element is not in the same iframe context then first switch to default content and then interact with it.

   Solution: switch to default content and then switch to respective iframe.

You can start debugging from step1.

Update:

Solution specific to the problem:

WebElement inputButton = (WebElement) ((JavascriptExecutor)driver).executeScript("return document.querySelector('paste query selector here')");
inputButton.sendKeys("test");

in the place of paste query selector here you will have to go to dev tools again in goog chrome by pressing F12, and then

1. Go to that input box
2. Do a right click
3. Select copy
4. Select copy JS path.
5. Ctrl v into notepad to see what you've got from the dev tool.

It'd be something like this:

document.querySelector("#vaadin-text-field-input-3 > slot:nth-child(2) > input")

replace this paste query selector here with the stuff that is wrapped inside ""

CodePudding user response：

Per the html provided, this works:

driver.find_element(By.XPATH, "//input[@part='value' and contains(@aria-labelledby, 'vaadin-text-field-input')]"]

x = WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//input[@part='value' and contains(@aria-labelledby, 'vaadin-text-field-input')]")))
x.send_keys('This is typed here by selenium')
print(f"the typed text in input box is: {x.get_attribute('value')}")

Output:

the typed text in input box is: This is typed here by selenium

Process finished with exit code 0