The burger menu contains any section as anker link. You can sort the list alphabetically or by default (occure on the page).
Contains different navigation elements, including a simple link, a clickable dropdown, a disabled dropdown button, and a hover-based dropdown with selectable anchor links.
Enable or disable global banner messages. Three types are available: error (red), warn (yellow), and info (grey). The global info banner is initially visible when you open the page.
Toggle Global Error Banner
Toggle Global Warn Banner
Toggle Global Info Banner
Enable sticky header and/or sticky footer. Both elements remain permanently visible while scrolling.
Toggle Sticky Header
Toggle Sticky Footer
Only one radio button can be selected at a time expect the disabled one. The second and the last radio buttons are initially preselected. The third radio button is disabled and cannot be selected.
Blank
Preselected
Disabled
Disabled and selected
Multiple checkboxes can be selected simultaneously except for the last two. Only one of the last two checkboxes can be selected; selecting one will uncheck the other. The first checkbox is blank, the second is initially preselected, the third is disabled and cannot be selected and the fourth is disabled and preselected.
Only-One Option 1 Only-One Option 2
Test switches with different functionality. The first switch changes the color scheme between dark and light. The setting is stored in the sessionStorage. The second switch changes the message text next to it and is initially preselected. The third switch adds or removes info text messages in each section. The last two switches are disabled. The last ist preselected.
Various input types such as pre-filled, empty, disabled, password, number, URL, email, and an error field with validation. Results are displayed after submission.
Prefilled
Required
Disabled filled
Password
Number
URL
Email
Error You need to enter at least 3 characters!
Result Prefilled -
Result Required -
Result Blank -
Result Disabled -
Result Disabled filled -
Result Password -
Result Number -
Result URL -
Result Email -
Result Error -
Submit Reset
Multi-step form with navigation (back/next), conditional fields, and a final result page with edit and reset options.
Do you want to provide extra info?
Yes
No
Back Next
First Name:
Second name:
Last Name:
Back Submit
Edit Reset
Includes text areas with different states, such as empty, placeholder text, prefilled content, and disabled.
This text filed can contains 200 digits.
This text field is disabled but still contains text.
Different dropdowns are available: standard, preselected, link-based, and disabled. The link-based dropdown values open a defined success or error page. You can jump back via the back link to this area. Also, a custom searchable dropdown with dynamic entries (all sections from this page) is available.
Value 1 Value 2 Value 3 Value 4 Value 5
Value 1 Value 2 Value 3 Value 4 preselected Value 5
Please select... Value 1 with invalid link Value 2 with link Value 3 with invalid link Value 4 with invalid link Value 5 with invalid link
Value 1 disabled Value 2 Value 3 Value 4 Value 5
Value 1 Value 2 Disabled selected Value 4 Value 5
Shows single-select, preselected, multi-select, and disabled select boxes with multiple visible options.
Single value 1 Single value 2 Single value 3 Single value 4 Single value 5
Preselected value 1 Preselected value 2 Preselected value 3 Preselected value 4 Preselected value 5
Multiple value 1 Multiple value 2 Multiple value 3 Multiple value 4 Multiple value 5
Disabled value 1 Disabled value 2 Disabled value 3 Disabled value 4 Disabled value 5
Search input with auto-suggestion and submit and reset buttons, displaying results with pagination and configurable result size. Each result entry contains the search string and may include additional text.
Provides different link behaviors, including same-tab navigation, new tab, popup window, and email link. A defined page is opened. You can jump back via the back link to this area.
This tab
New tab
New window
Contains buttons to open a standard modal overlay and a cookie consent overlay with different interaction options. The cookie overlay can also be opened by adding ?cookies=true to the URL.
Choose your favorite cookies. Some are essential, others are just delicious.
This is a fly-in overlay notification. You can directly jump to the footer by clicking the button.
Displays an embedded page inside an iframe, allowing interaction with content from another HTML document.
Inspect a button and message text inside a shadow root, which is not directly accessible via the regular DOM. Clicking the button changes the message text.
Embeds a YouTube video player with standard playback controls inside an iframe.
Provides a standard audio player and a custom audio player with play/pause button, progress bar, and time display. The currently used audio file is an external file and provided by artist Mike Coustic for educational purpose.
The used excerpt from his album *Memories* has been made available by artist Mike Coustic for educational purposes.Many thanks to him (be sure to check out the musician at concerts or online).
Demonstrates various text formats, including special characters, numbers, and styles such as bold, italic, underline, strikethrough, overline, and headlines.
Th!s i$ @ te*t with §pecial (haracters?
This is a text with 1234567890
This is a bold text
This is an italic text
This is an underline text
This is a strikethrough text
This is an overline text
This is an overline-underline text
This is a superscript text
This is a subscript text
This is a right aligned text
This is a center aligned text
Demonstrates various list formats, including unordered lists, ordered lists, nested lists, and description lists.
Contains elements with complex and special-character-based attributes to test different locator strategies and edge cases.
This is a locator with [] characters in the attributes.
This is a locator with {} characters in the attributes.
This is a locator with @ characters in the attributes.
This is a locator with $ characters in the attributes.
This is a locator with % characters in the attributes.
This is a locator with \ characters in the attributes.
This is a locator with / characters in the attributes.
This is a locator with . characters in the attributes.
This is a locator with - characters in the attributes.
This is a locator with _ characters in the attributes.
This is a locator with space characters in the attributes.
This is a locator with ' characters in the attributes.
This is a locator with empty attributes.
Includes links to download internal and external files. The internal file is the title image, and the external file is the Chrome WebDriver zip file. Availability of the external file is not guaranteed.
Download internal file
Download external file
Allows selecting a file via input and simulates an upload process with a displayed status message. The uploaded file is not stored permanently; only the file name is visible (temporarily saved in local storage and deleted after upload). After uploading, the page scrolls to the upload section.
Select a file to upload
The file won't be uploaded anywhere. This is only a demo.
File uploaded:
Shows a table structure with header, body, and footer rows, including varying column counts for testing. One cell (row 2, column 4) is not available.
Provides inline, system, and custom dropdown datepickers with navigation controls. The current date and timestamp are displayed and updated continuously.
In this section you can start a self defined or the standard countdown and use a stopwatch. For the stopwatch you can save up to three round times. You can see minutes, seconds and milliseconds.
Round 1:
Round 2:
Round 3:
Countdown not started.
Demonstrates tooltips triggered by hover and click interactions, showing additional information dynamically.
This Hover-Tooltip This is a hover-tooltip with extra information. shows more information by hovering.
This Click-Tooltip shows more information by clicking in the information icon. This is a click-tooltip with extra information.
Contains an enabled and a disabled button. Clicking updates a status message: 'Enabled button clicked' or 'Disabled button clicked'.
Active Button
Disabled Button
Status:
Shows different spinner behaviors, including inline (below the button), overlay with smoke layer, and button-based loading indicators with delayed content display.
This text is visible after the spinner.
The progress bar starts by clicking the start button and run to 100 percent in five seconds. You can see the status in the text or value of the status message. By clicking the reset button the progress bar returns to zero.
Allows defining a delay in seconds before displaying a text element after triggering the button.
Displays various colored elements for testing color properties and visual validations.
Shows available, lazy-loaded, and broken images to test image loading and error handling.
Image slider with multiple slides (4) and navigation dots for testing transitions and active states.
Browse a horizontal list of images using left and right navigation buttons. Each item displays an image with a short text label. Clicking right on the last image navigates to the beginning; clicking left on the first image navigates to the end.
Choose the number of dice (default 1, range 1–6) via numeric input and roll them using the button. The result is displayed below with random values.
A movable element inside a defined area can change its position randomly.
Perform a right-click inside a box to open a custom context menu with multiple navigation anchor links.
Contains elements with similar naming locators (ending with, containing, or starting with specific text) to practice locating strategies.
ends with similar-elements
contains similar-elements
starts with similar-elements
Multiple elements share identical IDs, classes, and data-qa locators, allowing testing of non-unique selector handling.
Same element 1
Same element 2
Same element 3
Same element 4
You can enter a username and password to login. It's only a dummy page so you can't log in to a real page. You can save the credentials by checking the checkbox and the secure page is visible when entering the page. But only several user and password combinations are allowed. After 3 failed attempts the user is blocked. You can unblock the user by reset the password. Logout remove the saved credentials.
Login Forgot password
Logout
Reset password Back
Credentials and a link to a secured page are provided. Build the URL as https://<username>:<password>@<url> to access the page with automation. You can jump back via the back link to this area.
User name: QualityAgent
Password: test
One element visually overlaps another link, making it harder to interact with the underlying clickable element.
Expand or collapse a content area by clicking a header to reveal hidden elements. The element is initially collapsed.
Scan QR codes in a dedicated area that displays results, empty states, or error messages.
Trigger page redirects with buttons that delay 0, 2, 5, or 10 seconds before navigating. A defined page is opened. You can jump back via the back link to this area.
0 seconds
2 seconds
5 seconds
10 seconds
Drag a draggable element and drop it into a target zone, with feedback shown after the interaction. Dropping outside the zone shows a 'not-success' message.
Waiting for interaction...
Trigger various JavaScript events (click, double-click, key events, mouse events) using buttons. Actions are logged with a timestamp in a display area. Only the last 10 actions are stored.
Adjust a slider (default 0, range -50 to 50, step 1) and watch the current value update in real time.
Value: 0
Navigate through a scrollable area containing multiple lines of text that require scrolling to view fully.
This is the First of ten lines in the scroll area.
This is the Second of ten lines in the scroll area.
This is the Third of ten lines in the scroll area.
This is the Fourth of ten lines in the scroll area.
This is the Fifth of ten lines in the scroll area.
This is the Sixth of ten lines in the scroll area.
This is the Seventh of ten lines in the scroll area.
This is the Eighth of ten lines in the scroll area.
This is the Ninth of ten lines in the scroll area.
This is the Tenth of ten lines in the scroll area.
Display the current time and update it via a button, reload the entire page, or reload while scrolling back to this section.
Current Time:
Update Time
Reload Page
Reload + Scroll here
Enter a key and value to set or delete cookies, local storage, or session storage using dedicated buttons. Status feedback is displayed. The value may be empty, but a key is required.
Key
Value
Add events and function names to the dataLayer or clear it using inputs and buttons, with confirmation displayed. Leaving input fields empty will store the event 'click' and the function 'setDataLayerValue'.
Event
Function
You can select your preferred language and the text of all elements in this area will be changed to the selected language.
This is an English text.
You can see this text in English.
English is selected.
The selected language is English.
Input a password and receive a strength indicator along with AI feedback messages to improve it. Strength levels are: very weak, weak, medium, strong, very strong. Password visibility can be toggled with a checkbox.
You can try several different Captcha types like normal text (easy), canvas (hard), slider, image selection and questions. Each Captcha shows a success or failed message.
Click links to open pages returning various HTTP status codes (200, 301, 404, 500, etc.). Errors can be observed in the developer tools.
200 - OK
204 - No Connect
301 - Moved Permanently
302 - Found (Temporary)
400 - Bad Request
401 - Unauthorized
403 - Forbidden
404 - Not Found
500 - Internal Server Error
502 - Bad Gateway
503 - Service Unavailable
Access an external feedback and feature request form through a link. You can submit feedback, feature requests, improvements, and bug reports.
A link exists but is initially hidden; it is still present in the DOM and interactable.
v3.3-release-2026-06-10
checked with vnu 26.5.29
