Practice Website
Section 01
Buttons
All button variants — primary, secondary, states, sizes, groups.
Button Variants
Sizes & Groups
Loading State
Section 02
Form Elements
Text inputs, selects, checkboxes, radios, file upload, date pickers, and more.
Text Inputs
We’ll never share your email.
Invalid email format
Search & Date Inputs
Textarea & Select
Checkboxes, Radios & Toggles
Notifications
Dark Mode
Beta Features
Range Slider & File Upload
Login Form
Registration Form
Section 03
Data Tables
Sortable, filterable tables with pagination and row actions.
Section 04
Interactive Widgets
Tabs, accordions, carousels, progress bars, tooltips, and more.
Tabs
Overview Tab — This is the overview content. Automation test IDs: tab-overview-content.
Details Tab — Detailed information lives here. Use this to practice tab switching.
Settings Tab — Configuration options would appear here.
Logs Tab — INFO: All systems nominal at 2024-12-01 10:30:22
Accordion
Selenium is an open-source browser automation framework used for testing web applications across different browsers.
Playwright is a modern automation library by Microsoft that supports Chromium, Firefox, and WebKit with a single API.
Cypress is a front-end testing framework built for the modern web, known for its developer-friendly experience.
Carousel / Slider
Progress Bars
Selenium85%
Playwright72%
Cypress60%
Appium45%
Alerts & Notifications
Success!
Your test ran successfully with 0 failures.
Error!
3 assertions failed. Check the test report.
Warning!
Deprecated API usage detected.
Info
Headless mode is active. UI won’t be visible.
Tooltips & Badges
Active
Failed
Pending
Info
Beta
Chips & Avatars
Selenium
Playwright
Cypress
Appium
AJ
PR
RK
SP
Dropdown Menus
Star Rating
Click to rate
Multi-Step Process
✓
Account
2
Profile
3
Verify
4
Done
Drag & Drop Upload
Drop files here
or click to browse
Counter Stepper
0
Section 05
Modals & Dialogs
Confirmation, form, info, and alert dialogs.
Section 06
iFrames
Practice switching into and out of iframes.
Nested iFrame Content
Section 07
Links, Images & Misc
Hyperlinks
Internal anchor link · External link (opens new tab) · Email link · Phone link
Images with alt text
Window Interactions