Automation Lab – Stanskill Academy

Locator Practice Arena

Practice all core Playwright locator strategies — ID, CSS, role, text, data-testid, XPath

Easy

6 Elements

Form Inputs — ID, Name, Placeholder, data-testid, Role, Label

By ID

By Name

By Placeholder

By data-testid

By Role (button)

By Label Text City

Medium

6 Elements

Browser:

Table Actions

ID	Scenario	Action	Status
S-01	Click a button inside a table row		Pending
S-02	Select a dropdown inside a table row		Pending
S-03	Check a checkbox inside a table row		Pending
S-04	Fill an input inside a table row		Pending
S-05	Right-click a cell for context menu	Right-click here	Pending
S-06	Read text content from a cell	Playwright 1.44	Pending

Hard

6 Elements

Nested Module Cards — Chaining Locators

Module: Auth

Authentication Suite

Module: Payments

Payment Flows Suite

Module: Grid

Grid Operations Suite

Interactive Sandbox — Basic

Clicks, hover, form interactions, async loading, keyboard events, text extraction

Click & Hover Actions

Pending

Hover Target

Pending

Select practice level

Form Interactions

Learner Name

Select track

Remember preference

Mode

UI Mode API Mode

Keyboard & Async

Not loaded

Command Input (press Enter)

Text Extraction Targets

Elements at various visibility levels. Use Playwright to extract each value.

Visible: Playwright Core Track

Track A: API Testing Specialist(display:none)
Track B: UI Automation Engineer(visibility:hidden)
Track C: CI/CD Framework Architect(opacity:0)

Sandbox Advanced

Dropdowns, dialogs, drag & drop, file upload/download, iFrames, Shadow DOM, date pickers, waits

Dropdown Patterns

Dynamic Dropdown

Hidden Initially

Dialogs & Popups

Dialog result will appear here

Drag & Drop

Draggable Items

🟦 Item Alpha

🟨 Item Beta

🟥 Item Gamma

Drop Zone

Drop items here

File Upload & Download

Single File Upload

Multiple Files

Downloads

iFrame Practice

Shadow DOM

Elements above live inside a Shadow DOM — use Playwright's pierce selector or locator.

Date Pickers

Practice Date

Interview Date

DateTime Local

Wait Commands

Network Interception Lab

Practice route.continue(), route.fulfill(), route.abort() and response assertions

Live Profile Endpoint

Status: Pending live profile request

route.continue() Challenge

Intercept the request, add a custom header, then let it continue.

interceptSource: not-set

route.fulfill() Mocking Challenge

Intercept the /api/flags request and return your own mock JSON response.

Status: No flags loaded

Orders Endpoint

Practice aborting requests and handling forced errors.

Status: No request made

Response Assertions Practice

Trigger responses and assert on status codes, headers, and body content.

Response details will appear here…

Advanced Table Pagination & Filtering Lab

3,200 Total Rows Loaded · Multi Filter · Pagination Controls

Role

Status

Track

Experience

Sort

ID	Learner	Role	Track	Status	Experience	Company	City	Batch	Score	Salary LPA

—

Rows per page

🔬 Micro Lab — Playwright Feature Course

396+ interactive lessons. One Playwright method per page. Write your scripts against live targets below.

Open in new tab ↗