Back to Practice

Shadow DOM in Nested Frames

Shadow DOM in Nested Frames

QA Automation Helper

Target IDsKey Element IDs

#frame1

Advance Testing Tips

  • Step 1: Switch to #frame1 (Parent).
  • Step 2: Switch to the inner child iframe.
  • Step 3: Locate the Shadow Host (#deep-host) inside the child frame.
  • Step 4: Get Shadow Root.
  • Step 5: Click the button inside the Shadow DOM.