This project focuses on automation of multi-level shadow root dom using java selenium. You can embed this plugin in your java selenium project.
Home Page: https://search.maven.org/artifact/io.github.sukgu/automation
License: Apache License 2.0
This ticket will track the addition of another helper method to highlight the shadow and other web elements.
Method Signature:
void highlight(element)
Feature Request: There is no helper methods in shadow class to navigate to the adjacent element
How do i traverse back to the parent element and get the child element after traversing to the common parent
Describe the bug
I am getting this error while using with Selenium 4.6.0
java.lang.NoSuchMethodError : org.openqa.sleenium.WebDriverTimeouts.implicitlywait
This feature will add wait methods on shadow objects
Currently, we are not able to use selenium implicit and explicit waits on shadow objects. This feature will methods like selenium that will work for shadow objects.
Additional context
After this fix user will be able to use shadow objects waits in the same way they use selenium waits and this will work for both normal DOM elements and shadow DOM elements.
URL: https://www.bedbathandbeyond.com/store/s/dresser
Shadow shadow = new Shadow(driver);
List we = shadow.findElementsByXPath("//a[@ROLE='listitem']");
for (WebElement w : we) {
System.out.println(w.getText());
}
The count of WebElements returned should be the same as present in DOM and UI. But using methods findElementsByXPath it returns around 63 webelements(7 elements repeated 9 times). This works fine using css selector findElements method. Facing issue only with findElementsByXPath.
FindElementsByXpath:
css: findElements
Browser: Chrome
Version: 89.0.4389.90
OS: Windows 10
Sorry for raising query as a bug. Wanted to know if there is way for waitForVisibilityOfShadowElement(String xPath)?
Describe the bug
With the getObject and getAllObject methods in querySelector.js, > symbol is removed in splitting, but never processed back and won't take effect. This causes all related Shadow.findElement(s) behaviors to be malfunctioning. See the following example:
To Reproduce
Steps to reproduce the behavior:
<html>
<div id="a">
<div id="b">
<div id="c"></div>
</div>
<div id="d"></div>
</div>
<script src="querySelector.js"></script>
</html>getAllObject("div#a > div") in the console.[<div id="b">, <div id="c">, <div id="d">], but #c is not a direct child of #aExpected behavior
Expected result should be [<div id="b">, <div id="d">]
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Additional context
> is used to process multi-level DOM.allElements array, & would be a much better choice considering only one character is allowed in splitByCharacterUnlessQuoted.getParentElement does not return parent element
Steps:
Expected: Should return the parent element
Actual: Throwing an exception:
org.openqa.selenium.JavascriptException: javascript error: object.childElements is not a function
(Session info: chrome=75.0.3770.100)
(Driver info: chromedriver=74.0.3729.6 (255758eccf3d244491b8a1317aa76e1ce10d57e9-refs/branch-heads/3729@{#29}),platform=Windows NT 10.0.17134 x86_64) (WARNING: The server did not provide any stacktrace information)
Command duration or timeout: 0 milliseconds
Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:17:03'
System info: host: 'RST-QAPURU', ip: '192.168.56.1', os.name: 'Windows 10', os.arch: 'amd64', os.version: '10.0', java.version: '1.8.0_144'
Driver info: org.openqa.selenium.remote.RemoteWebDriver
Capabilities {acceptInsecureCerts: false, acceptSslCerts: false, applicationCacheEnabled: false, browserConnectionEnabled: false, browserName: chrome, chrome: {chromedriverVersion: 74.0.3729.6 (255758eccf3d24..., userDataDir: C:\Users\PARAMA~1\AppData\L...}, cssSelectorsEnabled: true, databaseEnabled: false, goog:chromeOptions: {debuggerAddress: localhost:13202}, handlesAlerts: true, hasTouchScreen: false, javascriptEnabled: true, locationContextEnabled: true, mobileEmulationEnabled: false, nativeEvents: true, networkConnectionEnabled: false, pageLoadStrategy: normal, platform: XP, platformName: XP, proxy: Proxy(), rotatable: false, setWindowRect: true, strictFileInteractability: false, takesHeapSnapshot: true, takesScreenshot: true, timeouts: {implicit: 0, pageLoad: 300000, script: 30000}, unexpectedAlertBehaviour: ignore, unhandledPromptBehavior: ignore, version: 75.0.3770.100, webStorageEnabled: true, webdriver.remote.sessionid: 7669a2eb87d2be4100635adcde4...}
Session ID: 7669a2eb87d2be4100635adcde4d021d
When trying to get a shadow dom element, Im getting below exception in Shadow.class file in line 83
java.io.FileNotFoundException: resource\querySelector.js (The system cannot find the path specified)
I have added the below dependency as well
io.github.sukgu
automation
0.0.1
Not sure whether Im missing anything here
There is no helper method for scrolling to the exact element in the webpage
Scenario:
When the element is located down/up where user has to scroll to the element to perform action on that
I need a helper method where i specify the Webelement css selector/webelement as a parameter
this should scroll the webpage and find for the element and take the control to that element. If element found return true else return false
Xpath used: //div[@id='dskMenuLevel1']//button[@data-dsk-click='categories'] | //div[@id='dskMenuLevel1']//button[@data-dsk-click='Categories']
Error Message:
invalid element state: Failed to execute 'evaluate' on 'Document': The string './/button[@data-dsk-click='categories'] | ' is not a valid XPath expression.
Can't we use multiple xpaths in shadow library methods by adding pipe symbol as separator?
Description
Currently we only support 5 level of dom in single css or xpath. This is a limitation for users. So making it flexible to use n numbers of depth levels will make user life easier and will reduce number of lines of code also.
WebDriver driver;
System.setProperty("webdriver.chrome.driver", "C:\Users\DELL\Downloads\chromedriver_win32 (5)\chromedriver.exe");
driver = new ChromeDriver();
driver.manage().window().maximize();
driver.get("chrome://settings/privacy");
Thread.sleep(3000);
Shadow shadow = new Shadow(driver);
The current code is not supported for Edge and Safari drivers. Are there plans to implement this support in the near future?
Hi, can you show how to find elements using PageFactory with POM?
Page Factory annotations (@findby)
Describe the bug
When i try to run the same code using Local machine(Mac+GoogleChrome(103.0.5060.114) do not gets any error but when trying to run using pipeline jenkins project with linux instance and chrome version - 100.0.4896.75 (os.name: 'Linux', os.arch: 'amd64', os.version: '5.10.68-62.173.amzn2.x86_64', java.version: '1.8.0_121') getting "NoElementFound" despite waiting long as explicit wait.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Add any other context about the problem here.
Describe the bug
If we don't set implicit or explicit wait then the findElement method always throws ElementNotVisibleException
To Reproduce
Steps to reproduce the behavior:
Expected behavior
It should work fine if the page is loaded.
Describe the bug
When using css selector with more than 2 levels then its returning null sometimes
Currently, we are packaging selenium dependencies in the packaged jar that sometimes don't work well with different selenium versions. Removing this will let users use their own selenium dependency.
This will also fix the Katalon dependency problem.
WebDriver driver = new ChromeDriver();
Shadow shadow = new Shadow(driver);
At line number 2 when trying to access Shadow Class, I am getting "java.lang.NoClassDefFoundError: org/openqa/selenium/support/ui/ExpectedCondition" exception
Below is the dependency used :
io.github.sukgu
automation
0.1.1
This will serve the purpose to find the shadow elements using XPath. This will create a base for #18
var xpathResult = document.evaluate(
xpathExpression,
contextNode,
namespaceResolver,
resultType,
result
);
Steps to Reproduce:
Click Heart icon on Product image
click "Create IdeaBoard" on popup
Enter some random text in Board Name
click Save
Now in below line we will get ElementNotVisibleException Exception if we don't add a browser refresh before it. We are trying to find 'Sign in' link present in Header
shadow.findElementByXPath("//div[contains(@Class, 'dskAcctCont')]//a[@id = 'accountlink']");
Error Message:
org.openqa.selenium.ElementNotVisibleException: Element with XPath //div[contains(@Class, 'dskAcctCont')]//a[@id = 'accountlink'] is not present on screen
It fails with the following error:
org.openqa.selenium.JavascriptException:
javascript error: Cannot read property 'shadowRoot' of undefined
Reading the code, it can't work correctly.
parent = querySelectorDeep(multiLevelSelectors[0]);
if (parent === undefined) {
parent = querySelectorDeep(multiLevelSelectors[0]).shadowRoot
}Here it queries for querySelectorDeep(multiLevelSelectors[0]), if the result is undefined, it does the exact same thing again, but tries to access .shadowRoot afterwards, which obviously fails.
Hi Sushil,
Thank you for providing this tool. It looks very promising to solve my current issue with a shadow dom. Could you please also provide the HTML code to which your Java code snittlets from the documentation are applied? This would help me to understand your solution better. Just a suggestion.
Kind regards
-- Frank
When setting up the project either using pom maven - or build gradle files, the latest version there (0.1.3) does not include the implicit and explicit wait methods
Can you push the latest master artifact there as well, please?
Sceenshot of the Shadow Class downloaded from maven/gradle. The first few lines should contain:
private int implicitWait = 0;
private int explicitWait = 0;
private int pollingTime = 0;
Kind regards,
Matei
Hello Sushil,
Now we are able to use only css locators but they can't search by text. I tried something like "tag[innerText='text']", "tag[text='text']" and several other variants but they don't work. Do you have any workarounds to search components by text?
Describe the bug
If we have a CSS like shadow.find_element("div[label='QA']") doesn't work and throws error. The same works fine when we have CSS like shadow.find_element('div[label="QA"]')
To Reproduce
Steps to reproduce the behavior:
shadow.find_element("div[label='QA']")Expected behavior
It should work fine for single quotes and double quotes both.
Find element returns null when there multiple level:
Below line of code return null though element exists:
WebElement textboxCollection3 = shadow.findElement(textboxCollection2,"pebble-textbox>paper-input>paper-input-container>iron-input>input");
playwright only has page, as oppose to webdriver
When trying to create an instance of shadow with the Shadow(WebDriver driver) constructor, i get this error:
Exception in thread "main" java.lang.NullPointerException
at java.base/java.io.Reader.(Reader.java:167)
at java.base/java.io.InputStreamReader.(InputStreamReader.java:72)
at io.github.sukgu.Shadow.convertJStoText(Shadow.java:124)
at io.github.sukgu.Shadow.(Shadow.java:42)
at sed.main(sed.java:109)
To Reproduce
Desktop (please complete the following information):
test Code snippets
in bash:
google-chrome --remote-debugging-port=9001
in java
`
import io.github.sukgu.Shadow
;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
import org.openqa.selenium.chrome.ChromeOptions;
import org.openqa.selenium.JavascriptExecutor;
public class test {
public static WebDriver driver;
public static JavascriptExecutor js;
public static Actions actions;
public static void main(String[] args) {
ChromeOptions options = new ChromeOptions();
System.setProperty("webdriver.chrome.driver", "webdivers/chromedriver");
//--remote-debugging-port=9000
options.setExperimentalOption("debuggerAddress","localhost:9001");
driver = new ChromeDriver(options);
js = (JavascriptExecutor) driver;
actions = new Actions(driver);
// validates if the Webdriver actually controls the browser
driver.get("chrome://settings/");
Shadow shadow = new Shadow(driver);
}
}`
console output:
Starting ChromeDriver 92.0.4515.107 (87a818b10553a07434ea9e2b6dccf3cbe7895134-refs/branch-heads/4515@{#1634}) on port 12936
Only local connections are allowed.
Please see https://chromedriver.chromium.org/security-considerations for suggestions on keeping ChromeDriver safe.
ChromeDriver was started successfully.
Aug 24, 2021 11:30:22 PM org.openqa.selenium.remote.ProtocolHandshake createSession
INFO: Detected dialect: W3C
Aug 24, 2021 11:30:22 PM org.openqa.selenium.devtools.CdpVersionFinder findNearestMatch
WARNING: Unable to find an exact match for CDP version 92, so returning the closest version found: 91
Aug 24, 2021 11:30:22 PM org.openqa.selenium.devtools.CdpVersionFinder findNearestMatch
INFO: Found CDP implementation for version 92 of 91
Exception in thread "main" java.lang.NullPointerException
at java.base/java.io.Reader.(Reader.java:167)
at java.base/java.io.InputStreamReader.(InputStreamReader.java:72)
at io.github.sukgu.Shadow.convertJStoText(Shadow.java:124)
at io.github.sukgu.Shadow.(Shadow.java:42)
at test.main(test.java:36)
Hi there, you library is very useful, congratulations. However we noticed that test last too much when using it. We think it could be related to this implicit wait in the code. I have set the pollingTime up to 1 s. So in every findElement we have to wait, at least 1 second. This becomes unacceptable when we have 20 assertions we are adding 20 seconds to the execution. In our previous implementation assertions don't take more than 2 seconds.
Have you planned to remove this wait?
getChildElements method is throwing an error, please find the error below:
org.openqa.selenium.JavascriptException: javascript error: object.childElements is not a function
(Session info: chrome=75.0.3770.100)
(Driver info: chromedriver=74.0.3729.6 (255758eccf3d244491b8a1317aa76e1ce10d57e9-refs/branch-heads/3729@{#29}),platform=Windows NT 10.0.17134 x86_64) (WARNING: The server did not provide any stacktrace information)
Command duration or timeout: 0 milliseconds
Build info: version: '3.141.59', revision: 'e82be7d358', time: '2018-11-14T08:17:03'
System info: host: 'RST-QAPURU', ip: '192.168.56.1', os.name: 'Windows 10', os.arch: 'amd64', os.version: '10.0', java.version: '1.8.0_144'
Driver info: org.openqa.selenium.remote.RemoteWebDriver
Capabilities {acceptInsecureCerts: false, acceptSslCerts: false, applicationCacheEnabled: false, browserConnectionEnabled: false, browserName: chrome, chrome: {chromedriverVersion: 74.0.3729.6 (255758eccf3d24..., userDataDir: C:\Users\PARAMA~1\AppData\L...}, cssSelectorsEnabled: true, databaseEnabled: false, goog:chromeOptions: {debuggerAddress: localhost:13934}, handlesAlerts: true, hasTouchScreen: false, javascriptEnabled: true, locationContextEnabled: true, mobileEmulationEnabled: false, nativeEvents: true, networkConnectionEnabled: false, pageLoadStrategy: normal, platform: XP, platformName: XP, proxy: Proxy(), rotatable: false, setWindowRect: true, strictFileInteractability: false, takesHeapSnapshot: true, takesScreenshot: true, timeouts: {implicit: 0, pageLoad: 300000, script: 30000}, unexpectedAlertBehaviour: ignore, unhandledPromptBehavior: ignore, version: 75.0.3770.100, webStorageEnabled: true, webdriver.remote.sessionid: 2b30b4a0562ad8b3036b642ef6a...}
Session ID: 2b30b4a0562ad8b3036b642ef6a570e5
On calling get sibling method with first param as the element which i want to find and the second param as the sibling of the first param is throwing "org.openqa.selenium.JavascriptException: javascript error: Cannot read property 'querySelector' of null"
Hi,
I was trying to use shadow-automation-selenium to get elements inside closed shadow-root, but without any luck.
I was wondering if this is supported in your framework?
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.