Scrollable Sidebar Test

🎯 Test Purpose

This test validates handling of structurally identical elements at different scroll positions in a sidebar.

Key Challenge: Both buttons have the same:

Text: "Action Button"
Class: "action-button"
Structure (same structural_hash)

How to verify clicks? Each button reveals a different panel with unique elements!

Test Flows:

Flow 1: Click TOP button → RED panel appears → Click "Submit Top Form"
Flow 2: Click BOTTOM button → GREEN panel appears → Click "Submit Bottom Form"

The connection graph proves which button was actually clicked! ✨

🔴 TOP Panel - Red Zone

You clicked the TOP button!

This panel only appears when the top "Action Button" is clicked.

Complete this flow by clicking the submit button below:

🟢 BOTTOM Panel - Green Zone

You clicked the BOTTOM button!

This panel only appears when the bottom "Action Button" is clicked.

Complete this flow by clicking the submit button below:

Ready to test! Instructions: 1. Click "Action Button" at TOP of sidebar 2. Click "Submit Top Form" 3. Scroll sidebar down 4. Click "Action Button" at BOTTOM of sidebar 5. Click "Submit Bottom Form"