NATHANOAK / QA / PLAYGROUND

Automation element playground

Prefer accessible roles and labels in tests. Use data-testid when the control has no stable user-facing identity.

Search, filter, sort and paginate

12 products found

Filtered product catalog
IDProductCategoryPriceStatusRating
P-1001Aurora KeyboardAccessories£89In stock4.7
P-1002Beacon WebcamCameras£129In stock4.4
P-1003Cedar Laptop StandAccessories£54Back order4.2
P-1004Drift Noise-Cancelling HeadsetAudio£199In stock4.8
P-1005Ember USB MicrophoneAudio£149In stock4.5

Complete and validate a form

Contact preference
No file selected

Dynamic states and overlays

A visible panel for basic tab assertions.
How should I locate elements?

Start with role and accessible name, then label or text. Use test IDs for implementation-neutral hooks. Avoid CSS classes and DOM position.

Ready