Download as PDF, PPTX
![https://medium.com/rate-engineering/a-guide-to-working-with-shadow-dom-using-selenium-b124992559f
Web Components - Shadow DOM
Not accessible via
webdriver.findElement()
Shadow Host
shadowHost = driver.findElement(...);
driver.executeScript("return arguments[0].shadowRoot",
shadowHost);](https://image.slidesharecdn.com/seleniumnode-londonscalling2019-190308165625/85/UI-Testing-with-Selenium-and-Node-London-s-Calling-2019-12-320.jpg)
![Key Takeaways (2)
Use XPath
//label/span[contains(text(), "Opportunity Name")]/../../input
//label - any descendant node containing a label
/span - containing a span
[contains(text() - whose text contains
/../.. - whose grandparent node
"Opportunity Name"] - this string literal
/input - contains an input element](https://image.slidesharecdn.com/seleniumnode-londonscalling2019-190308165625/85/UI-Testing-with-Selenium-and-Node-London-s-Calling-2019-16-320.jpg)
Uploaded byKeir Bowden
UI Testing with Selenium and Node - London's Calling 2019
The document discusses UI testing using Selenium with Node, outlining its capabilities primarily in browser automation and testing. Key functions include opening URLs, waiting for conditions, and locating elements, while also touching on the limitations with shadow DOMs and web components. It emphasizes concise testing strategies and provides useful resources for further learning.
More Related Content
Similar to UI Testing with Selenium and Node - London's Calling 2019
UI Testing with Selenium and Node - London's Calling 2019
- 1. UI Testing withSelenium and Node Keir Bowden CTO, BrightGen keirbowden@brightgen.com @bob_buzzard
- 2. Selenium Automates Browsers • That'sit! Primary use case is testing • Typically brittle and non-comprehensive • Covers a lot of bases
- 3. WebDriver Remote control interface Introspectionand control of user agent Platform and language neutral Test framework agnostic Local or remote server
- 4. selenium-webdriver Node module Official Seleniumimplementation • 4.0.0-alpha.1 Other implementations are available - e.g. webdriver.io
- 5.
- 6.
- 7. Promise Manager Is notsynchronous
- 8.
- 9. Key Functions WebDriver.get(<url>) • OpensURL in remote control browser WebDriver.wait(until.<condition>, <timeout>) • waits for something, for <timeout> millseconds WebDriver.findElement(By.<mechanism>) • Locates element on page • By - name, className, id, css, xpath
- 10. Key Functions WebElement.sendKeys(<key sequence>) •Types key sequence in DOM element • Modifier keys are supported (SHIFT, CONTROL, ALT, META) WebElement.click() • Clicks on a DOM element WebElement.findElement(By.<mechanism>) • Locates descendant element
- 11.
- 12. https://medium.com/rate-engineering/a-guide-to-working-with-shadow-dom-using-selenium-b124992559f Web Components -Shadow DOM Not accessible via webdriver.findElement() Shadow Host shadowHost = driver.findElement(...); driver.executeScript("return arguments[0].shadowRoot", shadowHost);
- 13. Lightning Web Components Nothing! Doesnot use native shadow DOM - yet! Tests will break after switch
- 14.
- 15. Key Takeaways (1) Addone item at a time Test after each item Keep scenarios short Use modules Baby Steps!
- 16. Key Takeaways (2) UseXPath //label/span[contains(text(), "Opportunity Name")]/../../input //label - any descendant node containing a label /span - containing a span [contains(text() - whose text contains /../.. - whose grandparent node "Opportunity Name"] - this string literal /input - contains an input element
- 17. XPath <div ... > <label...> <span ...>Opportunity Name</span> <span ...>*</span> </label> <input ...> </div>
- 18.
- 19. Useful Links bobbuzz.me.uk/selenium -Selenium HQ bobbuzz.me.uk/2GPuDVS - selenium-webdriver node package bobbuzz.me.uk/LC2019Repo - Example repo from this talk bobbuzz.me.uk/2SIISTP - Selenium and the Shadow DOM
- 20.
- 21. Thank You Keir Bowden CTO,BrightGen keirbowden@brightgen.com @bob_buzzard Remember to tell us what you think in the event survey www.LondonsCalling.net/survey/