📝 Form Inputs (type, press_key)

🖱️ Click Testing (click)

👆 Hover Testing (hover)

🎯 Mouse Coordinates (mouse_move, mouse_click)

⏱️ Wait Testing (wait)

📜 Scroll Testing (scroll_to, scroll_by, scroll_into_view)

This page has both window scrolling and element-specific scrollable containers.

Scrollable Container #1

Scrollable Container #2

Tip: When you try to scroll without a selector (window scroll), the system will detect and report all scrollable areas on the page!

💡 Selector Suggestions Testing (:has-text fallback)

This section tests the "Did you mean?" feature when selectors fail.

Test case: Try clicking button:has-text('Submit')

There's no <button> element with "Submit" text, but there are other elements:

Expected behavior:

• ❌button:has-text('Submit') fails (no visible button)
• 💡 Shows "Did you mean?" with actual alternatives:
  • a.btn.primary:has-text('Submit') ✓
  • div.btn-submit.action:has-text('Submit') ✓
  • span.link-submit:has-text('Submit') ✓
  • button[type=submit]:has-text('Submit') ✗ (hidden)

Working selectors to test:

• a:has-text('Submit') - finds the link
• div[role="button"]:has-text('Submit') - finds the div
• :has-text('Submit') - finds first match (the link)

💬 Dialog Testing (alert, confirm, prompt)

Test browser dialogs. Usebrowser_handle_dialog to auto-respond before clicking.

Usage Example:

// Set up auto-response
browser_handle_dialog(accept=true, text="John Doe")

// Then click the button
browser_interact(actions=[{type: "click", selector: "#prompt-btn"}])

📝 Console Logging Testing (browser_console_messages)

Test console logging with various message types and formats.

Note: Check the browser console or use browser_console_messages to see the logged messages.

🖼️ Iframe Testing (iframe in modal)

Test iframe behavior by opening this page inside a modal iframe.

Note: The modal covers the whole page with 50px margins and contains an iframe with this same test page.

🌐 Network Request Testing (browser_network_requests)

Test the network monitoring capabilities of Blueprint MCP.

🎯 Drag and Drop Testing (browser_drag)

Drag items from the left box to the right box.

📋 Event Log