Sedstart automation practice pages
A cluster of sample apps and practice routes for Sedstart deployments, covering form fills, table actions, filtering, and settings updates.
Ready Now
Live practice pages sorted alphabetically.
A/B Testing
A cookie-persisted split-testing page that randomly assigns users to different experiences.
Add/Remove Elements
A dynamic DOM exercise where buttons add new elements and each created element can be removed.
Basic Auth
A route protected by HTTP Basic Authentication. Use username `admin` and password `admin`.
Broken Images
A gallery that mixes valid images with intentionally broken image URLs for media failure testing.
Checkboxes
A checkbox playground with multiple UI variations, repeated groups, and mixed checked states.
Context Menu
A file-manager style right-click example with an item-aware context menu and action log.
Date & Time Pickers
Native date, time, datetime-local, and date range inputs alongside HeroUI's segmented DatePicker, TimeField, and DateRangePicker.
Drag and Drop
A drag-and-drop playground with workflow lanes, nested drop zones, and card reordering.
Dynamic Loading
Four loader styles - a section spinner, a skeleton table, staggered card skeletons, and an inline button loader - each resolving after a randomized delay.
Exit Intent
A modal triggered by exit-intent behavior near the top edge of the viewport.
File Download
A downloadable file index that lists files previously uploaded to the shared Blob store.
File Upload
A file chooser and upload flow that stores files in Vercel Blob for automation practice.
Floating Menu
A sticky floating navigation example that stays visible while scrolling.
Form Inputs
A realistic form playground with multiple sections, varied input types, and inline validation flows.
Frames
A two-part iframe exercise with separate internal source pages for single and nested frame targeting.
Geolocation
A browser geolocation example with location permission handling.
Horizontal Slider
A draggable slider control with a live numeric value.
Hovers
Cards that reveal captions and actions when hovered.
Infinite Scroll
A social-style feed powered by a paginated backend endpoint and auto-loading cards on scroll.
JavaScript Alerts
Alert, confirm, and prompt dialog interactions.
JavaScript Onload Event Error
A page that triggers a JavaScript error when it loads.
Multiple Windows
A link, a button, and a dropdown that each open a new tab in a different way, for window/tab-handling practice.
Pagination
A page-by-page card feed that reuses the same paginated API as the infinite scroll example.
Coming Soon
Additional exercises that are not yet verified for deployment.
Challenging DOM
A dense DOM exercise with changing classes, awkward selectors, and repeated controls.
Digest Authentication
An authentication exercise using digest auth with username `admin` and password `admin`.
Disappearing Elements
A navigation example where some links appear or disappear between visits.
Dropdown
A select/dropdown example for choosing options and asserting current value.
Dynamic Content
A page where content blocks refresh with changing text, users, or imagery.
Dynamic Controls
Controls that appear, disappear, enable, and disable after async interactions.
Entry Ad
An entry modal or ad experience that appears when the page loads.
Forgot Password
A reset-request form with email validation and submit feedback.
Form Authentication
A login form exercise with success and failure states.
Inputs
A minimal typed-input example focused on keyboard entry behavior.
JQuery UI Menus
A multi-level menu interaction inspired by classic jQuery UI patterns.
Key Presses
A key event exercise that displays the last pressed key.
Large & Deep DOM
A large, deeply nested DOM structure for traversal and selector stress-testing.
Notification Messages
A flash-message page with changing notification text and retry behavior.
Redirect Link
A redirect flow for asserting final destinations and intermediate hops.
Secure File Download
An authenticated file download flow for protected resources.
Shadow DOM
An example with content rendered inside shadow roots.
Shifting Content
A layout that shifts alignment or position between states.
Slow Resources
A page with intentionally delayed assets or responses.
Sortable Data Tables
A data table with sortable columns and repeated cell patterns.
Status Codes
A page for visiting and asserting different HTTP status responses.
Typos
A text example where copy changes occasionally to simulate typo detection.
WYSIWYG Editor
A rich text editor interaction example.