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

JS
B

Vanilla JS + Bootstrap

Pure JavaScript with Bootstrap 5

R
TW

React + Tailwind

React 18 with Tailwind CSS

R
M

React + Material UI

React 18 with MUI v5

R
A

React + Ant Design

React 18 with Ant Design 5

R
B

React + Bootstrap

React 18 with React-Bootstrap

A
M

Angular + Material

Angular 17 with Angular Material

A
P

Angular + PrimeNG

Angular 17 with PrimeNG

A
B

Angular + Bootstrap

Angular 17 with ng-bootstrap

V
V

Vue + Vuetify

Vue 3 with Vuetify 3

V
E

Vue + Element Plus

Vue 3 with Element Plus

V
TW

Vue + Tailwind

Vue 3 with Tailwind CSS

S
TW

Svelte + Tailwind

Svelte 4 with Tailwind CSS

N
TW

Next.js + Tailwind

Next.js 14 with Tailwind CSS

N
TW

Nuxt + Tailwind

Nuxt 3 with Tailwind CSS

S
TW

SolidJS + Tailwind

SolidJS with Tailwind CSS

L
S

Lit + Shoelace

Web Components with Shoelace

A
TW

Alpine.js + Tailwind

Alpine.js with Tailwind CSS

H
TW

HTMX + Tailwind

HTMX with Tailwind CSS

Q
TW

Qwik + Tailwind

Qwik with Tailwind CSS