Testr Pages

The ultimate testing ground for automation engineers. Practice Selenium, Playwright, Puppeteer, Cypress, and more across 20 different frontend technology stacks.

Selenium Playwright Puppeteer Cypress WebdriverIO TestCafe

Testing Modes

✓

Good

Stable identifiers, automation-friendly. Best for learning and building tests.

⚠

Bad

Dynamic IDs, delayed loading. Tests your wait strategies and locator resilience.

☠

Ugly

Chaos mode - everything changes. The ultimate test for robust automation.

What's Inside Each Playground?

Forms & Inputs
Dropdowns
Date Pickers
File Upload
File Download
Data Tables
Modals
Alerts
Iframes
Shadow DOM
Drag & Drop
Sliders

Choose Your Technology Stack

JS
TW

Vanilla JS + Tailwind

Pure JavaScript with Tailwind CSS

Good Bad Ugly
JS
B

Vanilla JS + Bootstrap

Pure JavaScript with Bootstrap 5

Good Bad Ugly
R
TW

React + Tailwind

React 18 with Tailwind CSS

Good Bad Ugly
R
M

React + Material UI

React 18 with MUI v5

Good Bad Ugly
R
A

React + Ant Design

React 18 with Ant Design 5

Good Bad Ugly
R
B

React + Bootstrap

React 18 with React-Bootstrap

Good Bad Ugly
A
M

Angular + Material

Angular 17 with Angular Material

Good Bad Ugly
A
P

Angular + PrimeNG

Angular 17 with PrimeNG

Good Bad Ugly
A
B

Angular + Bootstrap

Angular 17 with ng-bootstrap

Good Bad Ugly
V
V

Vue + Vuetify

Vue 3 with Vuetify 3

Good Bad Ugly
V
E

Vue + Element Plus

Vue 3 with Element Plus

Good Bad Ugly
V
TW

Vue + Tailwind

Vue 3 with Tailwind CSS

Good Bad Ugly
S
TW

Svelte + Tailwind

Svelte 4 with Tailwind CSS

Good Bad Ugly
N
TW

Next.js + Tailwind

Next.js 14 with Tailwind CSS

Good Bad Ugly
N
TW

Nuxt + Tailwind

Nuxt 3 with Tailwind CSS

Good Bad Ugly
S
TW

SolidJS + Tailwind

SolidJS with Tailwind CSS

Good Bad Ugly
L
S

Lit + Shoelace

Web Components with Shoelace

Good Bad Ugly
A
TW

Alpine.js + Tailwind

Alpine.js with Tailwind CSS

Good Bad Ugly
H
TW

HTMX + Tailwind

HTMX with Tailwind CSS

Good Bad Ugly
Q
TW

Qwik + Tailwind

Qwik with Tailwind CSS

Good Bad Ugly