Reproduce:
• Elements dynamically change attributes (ID, Class, data-*).
• Text, visibility, position, and DOM structure update automatically.
• Some elements appear late, move, duplicate, re-render, or become stale.
• Automation relying on static locators, timing assumptions, or cached references will fail.
Category: Dynamic UI Behaviour • Locator Drift • Stale Elements • Async Rendering • Flaky Interactions
Slow + Disappearing Elements (Automation Failure Lab)
Reproduce:
Click Trigger → Full page spinner appears →
Progress updates dynamically (1%–100%) →
Spinner disappears →
Status shows “Waiting for response” →
Data appears after random delay →
Data automatically disappears after 10s
Category:
Async Processing • False Completion Signal • Disappearing Elements • Timing Synchronization Failure
Status: Idle
✅ Response Data Loaded
Triggered...
0%
Processing request
Different Types of Alerts
Reproduce:
• Click alert triggers → alert appears after random delay (3–10s).
• Some executions intentionally do NOT show an alert.
• Multiple alert types simulated:
Prompt Input • Confirmation • Error • Delayed Notification.
• Alerts may overlap timing expectations or appear unpredictably.
STABLE MODE:
Each scenario shows a fixed, representative output — no timers, no random values.
The same dropdown is present with the same options for locator baseline testing.
Category:
Data Dependent UI • Async Rendering • Timing Instability •
Streaming Content • Conditional UI State
Counter: 1
iFrame Context
Reproduce:
iframe reloads automatically every 40 seconds and ID changes dynamically.
Nested frames exist inside Level 1 → Level 2 → Level 3.
Category:
Frame Switching • Dynamic DOM • Locator Stability
✅ Stable mode: iFrame content is inlined below. No dynamic reloads or ID changes.
🧩 Level 1 Frame
Enter user details and preview nested frame behaviour.
⚙️ Automation Workspace — Level 2 Frame
QA
Automation User
Workspace Configuration Panel
Environment Settings
🧩 Level 3 Frame — Deep Interaction Layer
Shadow DOM Simulator
STABLE MODE:
Shadow DOM is replaced with regular DOM elements — same visual content,
same labels, same structure. No shadow root traversal needed.