skills.rest
onsi
onsiCOMMUNITY
Explore all skills by this author →
GitHub

realistic-mode

Validate occlusion-aware user interactions via real CDP input in Biloba.

25|7|Updated Mar 3, 2023
Search Tags:#testing#cdp#drag-and-drop#realistic#hover#occlusion#biloba
One-click install
npx skills add https://github.com/onsi/biloba --skill realistic-mode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: realistic-mode
Source: https://github.com/onsi/biloba/tree/main/plugins/biloba/skills/realistic-mode
Command: npx skills add https://github.com/onsi/biloba --skill realistic-mode

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Biloba's realistic interaction track enables true Chrome DevTools Protocol input to handle occlusion, :hover-driven menus, off-screen elements, and pointer-based interactions, preventing false positives from the fast path.

Core Features & Use Cases

  • Realistic input path via b.Realistic() that uses the same tab as the fast path but routes actions through real CDP input.
  • Occlusion handling, smooth scrolling into view, and verification of elements that are visible, enabled, and topmost before interaction.
  • Use cases include clicking around overlays, hover-activated menus, off-screen elements that must be scrolled into view, and drag-and-drop or wheel/touch interactions that require authentic input sequences.

Quick Start

Enable realistic mode by calling b.Realistic() and drive interactions through the realistic track to validate occlusion-sensitive flows.

Frequently Asked Questions about realistic-mode

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I test hover-triggered menus and occluded elements with Biloba?▼

To test hover-triggered menus and occluded elements, enable Biloba's realistic mode by calling b.Realistic(), which routes interactions through real Chrome DevTools Protocol input to validate visibility and topmost state before acting.

Why do my automated tests get false positives when clicking around overlays?▼

False positives when clicking overlays occur because the fast path bypasses occlusion checks. Switching to realistic CDP-driven input ensures elements are verified as visible, enabled, and topmost before interaction.

How do I automate drag-and-drop interactions using real CDP input?▼

Automate drag-and-drop interactions by enabling b.Realistic() to route pointer actions through authentic Chrome DevTools Protocol input sequences, validating occlusion and element visibility across a single tab.

Can I use realistic mode to scroll off-screen elements into view before interacting?▼

Yes, realistic mode supports smooth scrolling off-screen elements into view. It uses real CDP input to perform scrolling and verifies the element is visible and topmost before proceeding with the interaction.

Does Biloba realistic mode work for wheel and touch input testing?▼

Yes, Biloba realistic mode handles wheel and touch input testing by routing these authentic input sequences through the Chrome DevTools Protocol within a single tab.

What is the difference between Biloba's fast path and realistic interaction track?▼

The fast path bypasses occlusion checks causing false positives, while the realistic interaction track uses real CDP input to validate visibility, handle overlays, and process authentic pointer events.

Related Skills

Explore More Software Engineering Skills→
MushroomDAOMushroomDAO

xhs-mcp-cdp

Automates 图文 post publishing to 小红书 via Chrome DevTools Protocol.

Official
Advanced
starrank-softstarrank-soft

motion-advanced

Implement advanced motion patterns for React and Next.js applications.

Official
Advanced
onsionsi
25

explore-unfamiliar-page

Dump DOM outline, accessibility tree, and screenshot to draft a Biloba spec.

Community
Intermediate
duwenjiduwenji

local-testing

Automate local end-to-end testing of web, Electron, and macOS desktop bots.

Community
Advanced