🚀 SpeedwayTech Playwright Waits & Multiple Windows Practice

🎯 Playwright Wait Practice

This page intentionally creates delayed elements, delayed text, loaders, URL changes, API calls, downloads and multiple browser windows.

1️⃣ Playwright Auto-Waiting

Click "Create Delayed Button". A new button will appear after 3 seconds. Playwright can automatically wait when an action is performed on a locator.

2️⃣ Wait Until Button Becomes Enabled

The Submit button becomes enabled after 4 seconds. Useful for understanding Playwright actionability checks.

3️⃣ locator.waitFor() - Visible / Hidden

Use this section to practice waiting for an element to become visible or hidden.

4️⃣ Wait for Attached / Detached Element

Attached means the element exists in the DOM. Detached means it has been completely removed from the DOM.

5️⃣ Assertion Auto-Retry Practice

Click the button. The status text changes after 3 seconds. Practice: expect(locator).toHaveText()

6️⃣ waitForURL() Practice

Clicking the button starts navigation. After 3 seconds the URL changes to: #dashboard

7️⃣ Loader / Spinner Wait

Click Load Data. Loader appears and disappears after 4 seconds. Good practice for: locator.waitFor({ state: 'hidden' })

8️⃣ Dynamic Table Wait

Employee records are added after 3 seconds. Useful for assertions and element wait practice.

9️⃣ waitForRequest() & waitForResponse()

This button calls a public API. Use Playwright to start waiting for the request/response BEFORE clicking the button. Internet connection is required for this section.

No API Data

    

🔟 waitForEvent('download')

Practice waiting for the download event.

1️⃣1️⃣ waitForTimeout() Demo

This section is only for understanding a hard-coded wait. In real automation, condition-based waits are preferred.

🪟 Multiple Windows / Tabs Practice

Every browser tab/window is represented as a Playwright Page object. Practice: context.waitForEvent('page') page.waitForEvent('popup') context.pages() bringToFront() close()

1️⃣2️⃣ Popup Window Action Practice

The SpeedwayTech popup contains:

• Heading
• Username Input
• Button
• Result Message

You can capture the popup using: page.waitForEvent('popup') and then perform actions on the returned Page object.

1️⃣3️⃣ Delayed Popup Practice

This popup opens after 3 seconds. Useful for understanding event waiting.