Unable to locate the hidden element

Question

Unable to locate the hidden element

Attempt to access the attribute of a shadow element resulted in encountering

ElementNotVisibleException Element with CSS input[type='checkbox'] is not present on screen

<checkbox _ngcontent-ebv-c14="" label="User Access" ng-version="8.0.3" class="ng-star-inserted">
  #shadow-root(open)
    <label>
      <input type="checkbox" name="" value="true">
      <span class="checkmark"></span>
      <!---->
      <span class="label">User Access</span>
   </label>
</checkbox>

Utilizing Selenium for fetching the element's attribute

WebElement parentElement = webdriver.findElement(By.xpath("//checkbox[@label='User Access']"));
webdriver.getShadowElement(parentElement,"input[type='checkbox']").getAttribute("value").contains("true");

Is there anything I overlooked?

html css selenium selenium-webdriver

Answer 1

Answer №1

This is how I tackled my issue

public class solution {
    WebDriver browser;
    
    public WebElement expandRootElement(WebElement element) {
        WebElement expandedElement = (WebElement) ((JavascriptExecutor) browser)
                .executeScript("return arguments[0].shadowRoot", element);
        return expandedElement;
    }

    @Test
    public void executeTest() {
        browser.get("https://example.com");
        WebElement rootElement = browser.findElement(By.tagName("//input[@type='text']"));
        WebElement shadowRoot = expandRootElement(rootElement);
        String textValue = shadowRoot.findElement(By.cssSelector("input[type='text']")).getText();
        Assert.assertEquals("Sample Text", textValue);
    }
}

To interact with the element, you can use the Javascript executor to expand it

Answer 2

This is how I tackled my issue

public class solution {
    WebDriver browser;
    
    public WebElement expandRootElement(WebElement element) {
        WebElement expandedElement = (WebElement) ((JavascriptExecutor) browser)
                .executeScript("return arguments[0].shadowRoot", element);
        return expandedElement;
    }

    @Test
    public void executeTest() {
        browser.get("https://example.com");
        WebElement rootElement = browser.findElement(By.tagName("//input[@type='text']"));
        WebElement shadowRoot = expandRootElement(rootElement);
        String textValue = shadowRoot.findElement(By.cssSelector("input[type='text']")).getText();
        Assert.assertEquals("Sample Text", textValue);
    }
}

To interact with the element, you can use the Javascript executor to expand it

Answer 3

Answer №2

To fix this issue, I followed the steps below:

First, I copied the JavaScript path from the DOM element (by going to the inspect window, right-clicking on the element, selecting copy, and then choosing copy jspath)
Next, I located the element using the JavaScript executor, converted it to a web element, and performed the necessary action

WebElement ele = (IWebElement)executor.ExecuteScript("return Paste your jspath here"); ele.Click();

Answer 4

To fix this issue, I followed the steps below:

First, I copied the JavaScript path from the DOM element (by going to the inspect window, right-clicking on the element, selecting copy, and then choosing copy jspath)
Next, I located the element using the JavaScript executor, converted it to a web element, and performed the necessary action

WebElement ele = (IWebElement)executor.ExecuteScript("return Paste your jspath here"); ele.Click();

Unable to locate the hidden element

Answer №1

Answer №2

Similar questions

Is there a way to change the fill color of an SVG circle using Thymeleaf?

Is there a way to seamlessly incorporate this URL into my script without disrupting the current loop using Selenium in Python?

What is the best way to eliminate the gap between these two div elements?

Combining Tricentis Tosca with Selenium - A Dynamic Integration

Merging double borders in a div using CSS is essential for creating

Tips for managing CSS/style conflicts in JavaScript/AngularJS applications

issue with JavaScript canvas

The Scrapy CSS selector is not fetching any prices from the list

What is the best way to align a Font Awesome icon within an SVG circle?

Adjusting the overflow of a parent div based on the position of the div within it by scrolling

Tips for saving JavaScript results to a form

Experiencing difficulties replicating two auto-scrolling divs

Error: Element not found - Selenium Python unable to locate element

issues with the visual studio website code (Struggling to establish a connection between the site and a database)

Remove the option to select specific minutes from the time input on an HTML

Guide on selecting an element from a dropdown menu by its label using Selenium in Java

The radio button selection cannot be transmitted via email

Is it possible to utilize Javascript instead of PHP Curl to present JSON API data?

Attempting to position the calendar control at the center in Visual Studio using C#

Text encoded in UTF-8 emerges from the surrounding frame