TestDriver Playground

Demo pages for UI testing

Small pages that each show one kind of UI element. Point a TestDriver test at any of them. They run in your browser, with no backend, and look the same on every load.

• Login form Username and password, a wrong-password error, and log out. /playground/login/
• Dropdowns A native select and a searchable custom dropdown. /playground/dropdown/
• Iframes A form inside an iframe, with another iframe nested inside it. /playground/iframe/
• Signup form Inline validation and a success screen. /playground/signup/
• Password field A show/hide toggle and a strength meter. /playground/password/
• Credit card form Card formatting, brand detection and errors. /playground/credit-card/
• Todo list Add, complete, edit, delete and filter items. /playground/todo/
• Drag and drop A kanban board and a sortable list. /playground/drag-and-drop/
• Video player Custom play, seek and mute controls. /playground/video/
• Bar chart A canvas chart with a date range filter. /playground/chart/

Try it with TestDriver

Each test describes elements the way a user sees them. No selectors.

await testdriver.provision.chrome({
  url: 'https://testdriver.ai/playground/login/',
});
await testdriver.find('Username field').click();
await testdriver.type('demo');
await testdriver.find('Password field').click();
await testdriver.type('testdriver');
await testdriver.find('Log in button').click();

const result = await testdriver.assert('the page says Welcome, demo!');
expect(result).toBeTruthy();

New to TestDriver? Start with the docs.