Data driven solutions for your business

Nuxt 3 + Tailwind CSS Edition - Practice your test automation skills with comprehensive controls.

Test Automation Features

Student Registration

Full registration form with text, date, select, color picker, textarea.

Back to Home

Student Information

First name *

Last name *

Date of Birth

Gender

Grade Level

House Color

Personal Statement

{{ studentForm.statement.length }}/500 characters

Parent/Guardian Information

Parent Name

Phone

Preferred Call Time

Address

Teacher Registration

Nested iframes with form controls.

Back to Home

Shadow Student

Form controls inside Shadow DOM.

Back to Home

Student Details

Parent Details

Tables in Iframe, Shadow DOM, and Standard HTML.

Back to Home

Father's Details (Iframe)

Mother's Details (Shadow DOM)

Child Details (Standard Table)

Child Name	Age	Grade
{{ child.name }}	{{ child.age }}	{{ child.grade }}

File Upload Playground

Drag & drop, browse button, standard input, multiple files, image preview.

Back to Home

1. Drag & Drop Zone

Drag and drop a file here, or click to select

2. Text Box + Browse Button

3. Standard HTML Input

4. Multiple Files Upload

Selected: {{ multipleFileNames.join(', ') }}

5. Image Upload with Preview

Preview

File Downloads

Word, PDF, Text, CSV, Image downloads.

Back to Home

Alert Playground

Native dialogs, delayed alerts, unload protection.

Back to Home

Native Dialogs

Result: {{ alertResult }}

Window Events

Enable Unload Protection

When enabled, browser will warn before leaving page.

Native System

Error Simulation

Console logs, JS exceptions, network errors.

Back to Home

Console Output

JS Exceptions

Network Errors

Links Playground

New tab, modal, popup window, stacked links.

Back to Home

Open New Tab (Same Page) Open Login Modal Open Popup Window Open Full Browser Window

-- Stacked Links --

Link {{ i + 4 }}

Image Gallery

Gallery with tooltips, carousel, downloadable images.

Back to Home

1. Gallery with Tooltips

2. Carousel

3. Downloadable Images

Data Tables

Paginated table with 100 records.

Back to Home

Student Records

Page {{ currentTablePage }} of {{ totalTablePages }}

ID {{ sortDirection === 'asc' ? '▲' : '▼' }}	Name {{ sortDirection === 'asc' ? '▲' : '▼' }}	Email	Grade	Status	Actions
{{ record.id }}	{{ record.name }}	{{ record.email }}	{{ record.grade }}	{{ record.status }}

Data driven solutions for your business

Test Automation Features

{{ feature.title }}

Student Registration

Student Information

Parent/Guardian Information

Teacher Registration

Shadow Student

Student Details

Parent Details

Parent Details

Father's Details (Iframe)

Mother's Details (Shadow DOM)

Child Details (Standard Table)

File Upload Playground

1. Drag & Drop Zone

2. Text Box + Browse Button

3. Standard HTML Input

4. Multiple Files Upload

5. Image Upload with Preview

File Downloads

{{ dl.filename }}

Alert Playground

Native Dialogs

Window Events

Native System

Error Simulation

Console Output

JS Exceptions

Network Errors

Links Playground

Image Gallery

1. Gallery with Tooltips

2. Carousel

3. Downloadable Images

Data Tables

Student Records

Login

Link Login