Documentation
About the project
UnoTest Playground is a demo site for testing automation testing service features unotest.com. Each page represents a separate laboratory for checking various platform capabilities.
Laboratory structure
Each laboratory contains:
- Title/Hero — name and description of functionality
- Controls Panel — interaction elements
- Target Area — area where changes occur
- Test Panel — variables, action log, expected results
- Reset Demo State — state reset button
Data-testid attributes
All interactive elements contain data-testid attributes for automation convenience:
• reset-demo-state — reset button
• test-variables-title — variables header
• test-log-title — log header
• expected-results-title — expectations header
Laboratory categories
Actions
Testing user interactions
- • Check/Uncheck — working with checkboxes
- • Click/Double-click — clicking elements
- • Fill — form filling
- • Upload File — file uploads
Asserts
Checking states and values
- • Boolean Assert — boolean values
- • String Assert — text values
- • Element Assert — element presence
- • Visibility Assert — element visibility
Execution
Executing JavaScript code
- • Execute JS — code execution
- • Execute JS with Return — code with return
Utils
Helper utilities
- • Current Timestamp — timestamps
- • Random Text — random text
Principles
- Determinism — no randomness, all results are predictable
- A11y — semantic markup and aria attributes
- Responsiveness — correct display on all devices
- Built-in fixtures — files for upload included in project