Case studies
Real flows verified against the Genie demo apps.
Every case uses both kinds of tool:
- agent-browser or agent-device performs the action and checks visible UI.
- Genie reads the live React and TanStack evidence.
The commands and outputs below came from live demo runs. Component IDs and timings change between sessions, so always discover the current ID first.
These live cases cover the Vite, TanStack Start, Router, plain web, and Expo demos. The Next.js page is a setup guide and does not claim a live case.
Verify a native app end to end
Press the real iOS UI, explain its render, and prove Query cache delivery.
Verify hard-to-reach UI states
Read props and Context, force variants, save screenshots, and restore the app.
Trace one interaction end to end
Join one click to its hook change, render cause, effect execution, and coverage.
Prove Query cache to UI
Follow a cache write through its exact observer notification and React render.
Measure the loading-state height gap
Hold loading UI long enough to measure and compare its real size.
Verify routes and forced states
Check navigation, Suspense, and error UI without racing short-lived states.
Check list render scope
Separate updated, idle, unmounted, and omitted keyed rows.
Check optimization evidence
Compare repeated cohorts and reject incomplete or noisy evidence.
Keep agents on separate tabs
Pin each agent to its own document and fail on ambiguous targets.