Labs catalog

Labs

Practice structured automation testing labs from beginner to advanced with UI and API scenarios.

Module

Difficulty

Lab 001: Successful login

Practice successful login in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 002: Login with invalid password

Practice login with invalid password in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 003: Verify element visibility and hidden state

Practice verify element visibility and hidden state in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 004: Verify enabled and disabled button state

Practice verify enabled and disabled button state in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 005: Advanced locators (nth-child, text, data-testid)

Practice advanced locators (nth-child, text, data-testid) in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 006: Required field validation

Practice required field validation in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 007: Email format validation

Practice email format validation in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 008: Navigation menu routing

Practice navigation menu routing in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 009: Table search filtering

Practice table search filtering in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 010: Table sort ascending and descending

Practice table sort ascending and descending in a real web app context as part of the Locators & Basic Actions module.

basic
Locators & Basic Actions basic

Lab 011: Multi-step form (3-step wizard)

Practice multi-step form (3-step wizard) in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 012: Dropdown with dynamic options from API

Practice dropdown with dynamic options from api in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 013: Date range validation

Practice date range validation in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 014: Time picker and time range validation

Practice time picker and time range validation in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 015: Checkbox group selection rules

Practice checkbox group selection rules in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 016: Radio button exclusive selection

Practice radio button exclusive selection in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 017: Slider minimum and maximum value

Practice slider minimum and maximum value in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 018: Tag input add and remove tags

Practice tag input add and remove tags in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 019: Inline real-time form validation

Practice inline real-time form validation in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 020: Auto-save draft using local storage

Practice auto-save draft using local storage in a real web app context as part of the Forms & Validation module.

basic
Forms & Validation basic

Lab 021: Create record via modal form

Practice create record via modal form in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 022: Update existing record

Practice update existing record in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 023: Delete record with confirmation dialog

Practice delete record with confirmation dialog in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 024: Inline editing inside table

Practice inline editing inside table in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 025: Bulk select and bulk delete records

Practice bulk select and bulk delete records in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 026: Advanced pagination navigation

Practice advanced pagination navigation in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 027: Virtualized table with 1000 rows

Practice virtualized table with 1000 rows in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 028: Multi-column table filter

Practice multi-column table filter in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 029: Export table data to CSV

Practice export table data to csv in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 030: Import CSV and render table

Practice import csv and render table in a real web app context as part of the CRUD Operations module.

intermediate
CRUD Operations intermediate

Lab 031: Mock API response for table data

Practice mock api response for table data in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 032: Validate API request body content

Practice validate api request body content in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 033: Validate API request headers

Practice validate api request headers in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 034: Mock delayed API and verify loading state

Practice mock delayed api and verify loading state in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 035: Handle 400 validation error from API

Practice handle 400 validation error from api in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 036: Handle 500 server error from API

Practice handle 500 server error from api in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 037: Retry logic after first API failure

Practice retry logic after first api failure in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 038: Handle API rate limit 429

Practice handle api rate limit 429 in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 039: Offline mode when API is unreachable

Practice offline mode when api is unreachable in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 040: API response caching behavior

Practice api response caching behavior in a real web app context as part of the API Interaction & Mocking module.

intermediate
API Interaction & Mocking intermediate

Lab 041: Session timeout and auto logout

Practice session timeout and auto logout in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 042: Refresh token flow after 401

Practice refresh token flow after 401 in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 043: Protected routes and auth guard

Practice protected routes and auth guard in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 044: Detect and warn about stale data

Practice detect and warn about stale data in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 045: Handle 409 conflict on concurrent update

Practice handle 409 conflict on concurrent update in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 046: Optimistic update and rollback on failure

Practice optimistic update and rollback on failure in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 047: Polling and auto-refresh list every 5 seconds

Practice polling and auto-refresh list every 5 seconds in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 048: Cross-tab update using BroadcastChannel

Practice cross-tab update using broadcastchannel in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 049: Undo last user action

Practice undo last user action in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 050: Redo last user action

Practice redo last user action in a real web app context as part of the State & Session Management module.

intermediate
State & Session Management intermediate

Lab 051: Offline banner when network is lost

Practice offline banner when network is lost in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 052: Skeleton and spinner for slow network

Practice skeleton and spinner for slow network in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 053: Retry button when API times out

Practice retry button when api times out in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 054: Error code mapping to user-friendly messages

Practice error code mapping to user-friendly messages in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 055: Long running operation with blocking overlay

Practice long running operation with blocking overlay in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 056: Prevent double form submission

Practice prevent double form submission in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 057: Pagination error handling

Practice pagination error handling in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 058: File upload error handling

Practice file upload error handling in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 059: Chart rendering error handling

Practice chart rendering error handling in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 060: Multi-step form save error handling

Practice multi-step form save error handling in a real web app context as part of the Error Handling & Resilience module.

advanced
Error Handling & Resilience advanced

Lab 061: Upload image smaller than 5MB

Practice upload image smaller than 5mb in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 062: Reject image larger than 5MB

Practice reject image larger than 5mb in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 063: Preview uploaded PDF in iframe

Practice preview uploaded pdf in iframe in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 064: Preview multiple uploaded files

Practice preview multiple uploaded files in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 065: Validate file extension whitelist

Practice validate file extension whitelist in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 066: Rename file before upload

Practice rename file before upload in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 067: Drag and drop file upload

Practice drag and drop file upload in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 068: Download file and verify size

Practice download file and verify size in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 069: Import Excel and map to table data

Practice import excel and map to table data in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 070: Export table data to Excel

Practice export table data to excel in a real web app context as part of the File Handling module.

intermediate
File Handling intermediate

Lab 071: Image crop and preview

Practice image crop and preview in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 072: Image resize with fixed width and height

Practice image resize with fixed width and height in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 073: Image compression and file size check

Practice image compression and file size check in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 074: Image rotation (90 and 180 degrees)

Practice image rotation (90 and 180 degrees) in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 075: Canvas drawing and bounding box overlay

Practice canvas drawing and bounding box overlay in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 076: Pixel color verification

Practice pixel color verification in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 077: Brightness detection using histogram

Practice brightness detection using histogram in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 078: Blur detection indicator

Practice blur detection indicator in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 079: Watermark overlay verification

Practice watermark overlay verification in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 080: Dominant color detection and display

Practice dominant color detection and display in a real web app context as part of the Image Processing module.

advanced
Image Processing advanced

Lab 081: Microphone permission allow and deny

Practice microphone permission allow and deny in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 082: Mock getUserMedia audio stream

Practice mock getusermedia audio stream in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 083: Start and stop audio recording with timer

Practice start and stop audio recording with timer in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 084: Render audio waveform on canvas

Practice render audio waveform on canvas in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 085: Noise level detection from audio (mock)

Practice noise level detection from audio (mock) in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 086: Change audio playback speed

Practice change audio playback speed in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 087: Video player play and pause

Practice video player play and pause in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 088: Generate video thumbnail preview

Practice generate video thumbnail preview in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 089: Toggle mute and unmute behavior

Practice toggle mute and unmute behavior in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 090: Mock speech-to-text transcription

Practice mock speech-to-text transcription in a real web app context as part of the Audio & Media module.

advanced
Audio & Media advanced

Lab 091: First page load under 2 seconds

Practice first page load under 2 seconds in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 092: Render 500 table rows under 1 second

Practice render 500 table rows under 1 second in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 093: Smooth scrolling with target FPS

Practice smooth scrolling with target fps in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 094: Parallel API requests (20 concurrent calls)

Practice parallel api requests (20 concurrent calls) in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 095: High CPU load without UI freeze

Practice high cpu load without ui freeze in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 096: Stress test with 100 rapid clicks

Practice stress test with 100 rapid clicks in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 097: Detect potential memory leaks in UI

Practice detect potential memory leaks in ui in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 098: Heavy form with 50 fields

Practice heavy form with 50 fields in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 099: Complex modal with many components

Practice complex modal with many components in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 100: Automated Lighthouse performance check

Practice automated lighthouse performance check in a real web app context as part of the Performance & Stress Testing module.

expert
Performance & Stress Testing expert

Lab 101: Full CRUD + search flow

Practice a full create, read, update, delete, and search workflow in a single lab.

intermediate
CRUD Operations intermediate

Lab 102: Full login + CRUD with complex account form

Practice login, search, and full CRUD on accounts using a complex 50-field form.

advanced
CRUD Operations advanced

Lab 103: CRUD + search with dual-user approval

Create records, submit for approval, and approve or reject as a second user.

advanced
CRUD Operations advanced

Lab 104: E2E Case Management: Submit -> Approve -> Publish Result

Practice a full multi-role E2E flow: login, create draft, submit, approve/reject, publish result, and track status.

intermediate
E2E Workflows intermediate

Lab 105: Login -> Add address -> Checkout using saved address -> Check order

Create an address in Address Book and use it during checkout.

intermediate
E2E Workflows intermediate

Lab 106: Login -> Buy -> Track order status workflow (Placed -> Shipped -> Delivered)

Track order status transitions and verify the timeline across buyer and admin roles.

advanced
E2E Workflows advanced

Lab 107: Login -> Buy -> Cancel order (rule-based) -> Verify restock -> Verify history

Cancel orders under rules and verify stock restoration and order history.

advanced
E2E Workflows advanced

Lab 108: Expert: Idempotent checkout under network retry (no duplicate order)

Simulate network retries during checkout and ensure idempotent order creation.

expert
E2E Workflows expert

Lab 109: Expert: Return/Refund workflow with async approval + inventory reconciliation

Return/refund workflow with async processing, approvals, and inventory reconciliation.

expert
E2E Workflows expert

Lab 110: Rich Post: Create (many fields + uploads) -> Preview -> Issue Request -> Approve Issue -> Status change -> Unissue

Create a rich post with uploads, preview, issue approval, and unissue with audit.

advanced
E2E Workflows advanced

Lab 111: Hotel Flow E2E: Check-in -> Guest Registration -> Check-out -> Services -> Payment

Practice a realistic hotel front-desk E2E flow with multiple forms (about 10 fields), status transitions, service fees, and payment.

intermediate
E2E Workflows intermediate

Lab 112: Inpatient E2E: Admission -> Doctor Approval -> Discharge -> Medical Record

Practice an inpatient hospital E2E flow with multi-form data entry, doctor approval, department assignment, discharge, and medical record locking.

advanced
E2E Workflows advanced

Lab 113: E-Commerce E2E: Complex Order -> Split -> Partial Refund

Practice a complex e-commerce E2E flow: add multiple products, apply discount, shipping selection, payment, order splitting, and partial refund.

advanced
E2E Workflows advanced

Lab 114: Banking E2E: Account Opening -> KYC -> Approval -> Activation -> Lock/Unlock

Practice a banking E2E flow: account registration, KYC verification, internal approval, account activation, test transaction, and lock/unlock handling.

advanced
E2E Workflows advanced

Lab 115: Education E2E: Course -> Enrollment -> Payment -> Learning -> Exam -> Certification

Practice a full education E2E flow: course creation, student enrollment, tuition payment, class opening, learning activities, final exam, and certificate issuance.

advanced
E2E Workflows advanced

Lab 116: Reporting Dashboard E2E: Params -> Filter -> Charts -> Drill-down -> Export -> Share

Practice a reporting dashboard E2E flow: select parameters, filter data, load charts, drill down, export, and share.

advanced
E2E Workflows advanced

Lab 117: Public Service E2E: Multi-round Application -> Supplement -> Repay -> Reject -> Resubmit -> Final Approval

Practice a multi-round public service application workflow with missing documents, supplementation, re-payment, rejection, resubmission, and final approval.

advanced
E2E Workflows advanced

Lab 118: LAB-118 - Public Service Dossier: Submit -> Supplement -> Resubmit -> Approve

E2E flow with long form (20 fields), multi-role actions, supplement request, resubmission, approval, and timeline.

intermediate
E2E Workflows intermediate

Lab 119: LAB-119 - User Management: Dynamic RBAC (Runtime Permissions + Cache + Audit)

Create roles, assign dynamic permissions, test session permission cache, apply runtime permission changes via refresh session, and verify audit logs.

expert
E2E Workflows expert

Lab 120: Healthcare Expert E2E: Admission -> Lab Orders -> Delayed Results -> Protocol Update -> Doctor Change -> Record Lock

Practice a multi-stage inpatient treatment workflow with delayed lab results, protocol updates, doctor reassignment, and medical record locking.

expert
E2E Workflows expert

Lab 121: Travel Expert E2E: Flight Hold -> Realtime Seat Map -> Payment Fail and Hold Expire -> Rebook -> Fare Difference -> Itinerary and Ledger

Practice a flight booking expert flow with seat hold, realtime seat inventory updates, payment failure causing hold expiry, rebooking to another flight, fare difference refund or charge, and verification of itinerary and payment ledger.

expert
E2E Workflows expert

Lab 122: LAB-122 - Telecom: SIM Provisioning (Reserve/Activate/Deactivate/Re-provision + Sync + Audit)

End-to-end SIM provisioning with inventory, reservation TTL, activation, network profile provisioning, deactivation, re-provision, delayed sync, and audit trail.

expert
E2E Workflows expert

Lab 123: Lab 123 - Math CAPTCHA (Basic)

A beginner-friendly math CAPTCHA with full server-side validation, attempts, and expiry behavior.

basic
CAPTCHA Fundamentals CAPTCHA basic math server-side-validation form-automation state-assertion

Lab 124: Lab 124 - QA CAPTCHA (Basic)

A multiple-choice QA CAPTCHA with server-side validation, random options, and reset flow.

basic
CAPTCHA Fundamentals CAPTCHA basic qa multiple-choice server-side-validation state-assertion

Lab 125: Lab 125 - Canvas Text CAPTCHA (Medium)

A noisy image-based text CAPTCHA validated on the server with attempts and expiry.

intermediate
CAPTCHA Fundamentals CAPTCHA intermediate canvas text-captcha server-side-validation stateful-ui