Demo practice website — this is a sandbox for learning QA & automation testing.
Level 7 · Advanced Automation

The tricky bits

Iframes, Shadow DOM, virtualised lists, custom elements, and dual auth strategies.

#

Iframe

tipPlaywright: frameLocator('#practice-iframe')

#

Shadow DOM

tipPlaywright pierces automatically; Selenium needs shadowRoot access.

#

Virtualized table

Row 1 — item id 000001
Row 2 — item id 000002
Row 3 — item id 000003
Row 4 — item id 000004
Row 5 — item id 000005
Row 6 — item id 000006
Row 7 — item id 000007
Row 8 — item id 000008
Row 9 — item id 000009
Row 10 — item id 000010
Row 11 — item id 000011
Row 12 — item id 000012
Row 13 — item id 000013
Row 14 — item id 000014
Row 15 — item id 000015
rendered rows: 15 of 10000 · scrollTop=0

tipOnly visible rows exist in the DOM — scroll to load more.

#

Custom web component

Custom element — <qa-badge>

tipCustom elements are opaque to some frameworks.

#

Authentication (cookie vs token)

tipdemo / demo123