Misc

Iframes and Shadow DOM - Reaching Nested Elements

Switching Into an Iframe

InIframe(selector) switches the active browsing context into the matched iframe. All subsequent WithSelector calls resolve inside that frame until InMainDom() resets back to the top-level document. Nesting is supported -- call InIframe again from within an already-switched context to go one level deeper.

GPAL.Browser

.GoTo("https://page-with-iframe.com")

.InIframe(iframeSel)

.WithSelector(innerInput)

.FillInFrom("value")

.WithSelector(innerSubmitBtn)

.LeftClick()

.InMainDom()

.WithSelector(outerConfirm)

.LeftClick()

.Close();

NOTE

XPath selectors do not cross the shadow boundary. Inside a Shadow DOM context (InShadowDom), use only CSS selectors with WithSelector.

Shadow DOM

InShadowDom(selector) pierces the shadow root of the matched host element and makes it the active search context. Elements inside the shadow tree are then reachable with CSS selectors via WithSelector. Call InMainDom() to return to the top-level document when done.

GPAL.Browser

.GoTo("https://page-with-web-components.com")

.InShadowDom(hostComponentSel)

.WithSelector(".inner-button")

.LeftClick()

.InMainDom()

.Close();

InElement for Scoped Searches

InElement(selector) scopes all subsequent WithSelector searches to the subtree of the matched element. Unlike InIframe and InShadowDom it does not switch the browsing context -- it just constrains searches to that element's children. This is useful for scraping a specific table, panel, or section without matching identical selectors elsewhere on the page.

GPAL.Browser

.GoTo("https://page.com")

.InElement(tableSel)

.WithSelector("tr")

.WithAllThatMatch()

.GetGrid(out var rows)

.InMainDom()

.Close();

NOTE

If a page has multiple similar structures (multiple tables, multiple forms), InElement pins your selectors to the right one without having to write more specific CSS paths.

Documentation Example

Documentation

Showing off some plain text in these paragraphs eligendi laboriosam illo nostrum corporis at libero vel voluptas? Expedita, facere dolores voluptatem ad ab rem assumenda soluta!

Other formats

Here you can find different accents and emphasis sit amet consectetur adipisicing elit. Obcaecati, iste distinctio veritatis eligendi laboriosam illo nostrum corporis at libero vel voluptas? Expedita, facere dolores voluptatem ad ab rem assumenda soluta!

This is a link and how it could look like bestlinkinthebeautifulworld. Obcaecati, iste distinctio veritatis eligendi laboriosam illo nostrum corporis at libero vel voluptas? Expedita, facere dolores voluptatem ad ab rem assumenda soluta!

Here's just some classic bold text adipisicing elit. Obcaecati, iste distinctio veritatis eligendi laboriosam notBoldSecondbestlinkinthebeautifulworld illo nostrum corporis at libero vel voluptas? Expedita, facere dolores voluptatem ad ab rem assumenda soluta!

Obcaecati, iste distinctio veritatis eligendi laboriosam adipisicing elit illo nostrum corporis at adipisicing elit libero vel voluptas? Expedita, adipisicing facere dolores voluptatem ad ab rem assumenda soluta!

Other cuple of colors in case we want to emphasize several ways adipisicing elit. Obcaecati, iste distinctio veritatis eligendi laboriosam adipisicing elit illo nostrum corporis at voluptatem libero vel voluptas? Expedita, facere dolores voluptatem ad ab rem assumenda soluta!

Adding Images to the content

Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, iste distinctio veritatis eligendi laboriosam illo nostrum corporis at libero vel voluptas? Expedita, facere dolores voluptatem ad ab rem assumenda soluta! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quod veniam, quam ad expedita laborum sed at voluptates culpa ipsam ut vel. Ullam temporibus a mollitia quod aliquam ratione exercitationem nesciunt.

Coding Blocks

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quas consequuntur illo numquam assumenda autem exercitationem distinctio perspiciatis in natus. Eius dicta similique ipsam ipsa minima, nemo quae enim tempore.

GPAL

.CallIfNotFound(GenericCallIfNotFound)

.WithPublishToConsole();

//System.Drawing.Rectangle windowSize = new System.Drawing.Rectangle(10, 10, 1500, 1024);

// NOTE: we have to set browser = before we execute any steps

// this is due to the 'GenericCallIfNotFound' which might throw an exception, and BankScraper will not have the browser set when it calls scraper.Close()

// until the complete fluent line gets executed (meaning every step, meaning browser is not set until everything else succeeds)

browser = GPAL.Browser

.WithBrowserType(Enums.BrowserType.Chrome)

.WithProfileDataDirectory(ChromeProfileLocation)

.WithUseAutomationEngine(AutomationEngine.Selenium)

.WithWindowSize(new System.Drawing.Rectangle(0,0,1920,1080))

.ToGPALObject();

Misc

Misc

Iframes and Shadow DOM - Reaching Nested Elements

Switching Into an Iframe

Shadow DOM

InElement for Scoped Searches

Documentation Example

Documentation

Category

Endpoint

Enpoint

Enpoint

Enpoint

Other formats

Adding Images to the content

Coding Blocks

On this page