How to work with Shadow DOM in Selene?

This is the latest development version

Some features documented on this page may not yet be available in the published stable version.

– By using advanced query.js.shadow_root and query.js.shadow_roots queries, as simply as:

from selene import browser, have, query

# GIVEN
paragraphs = browser.all('my-paragraph')

# WHEN it's enough to access specific elements
paragraph_2_shadow = paragraphs.second.get(query.js.shadow_root)  # 💡
my_shadowed_text_2 = paragraph_2_shadow.element('[name=my-text]')
# OR when you need all shadow roots
my_shadowed_texts = paragraphs.get(query.js.shadow_roots)  # 💡

# As you can see these queries are lazy,
# so you were able to store them in vars ↖️
# even before open ↙️
browser.open('https://the-internet.herokuapp.com/shadowdom')

# THEN
my_shadowed_text_2.should(have.exact_text("My default text"))  # ⬅️
my_shadowed_texts.should(have.exact_texts("My default text", "My default text"))  # ⬅️