2 min lesson
Agent-driven browser: navigation, console, network, screenshot
Complete "Agent-driven browser: navigation, console, network, screenshot". Check the final state against the lesson before you move on.
Check your understanding
Run this practice: Browser tool — click the flow, fix what the console actually shows.
Outcome: The shot shows the cart rendering the discounted $45.00 total with a clean console and the coupon POST at 200 — specific enough that the reviewer sees the changed state without re-running the flow.
Browser tool — click the flow, fix what the console actually shows
Agent-driven browser: navigation, console, network, screenshot
SayTypecheck is green on the new coupon field, but I haven't watched it run. Open localhost:3000/cart, apply SAVE10, and watch the console and network output while the total recalculates.
Type
localhost:3000/cart → apply coupon SAVE10 → read console + networkDoLet Agent drive the browser through the flow and read the console and network output back.
SeeThe coupon POST returns 200, so the request is fine, but the console throws on re-render and the order total paints as $NaN. Typecheck would never have shown that.
SayThe discount comes back as a string, so the subtotal math yields NaN. Fix only that coercion at the line the console points to, and leave the layout alone.
DoAccept the one-line parse fix and nothing else.
Type
screenshot cart-after.png + a one-line summary on the PRSeeThe shot shows the cart rendering the discounted $45.00 total with a clean console and the coupon POST at 200 — specific enough that the reviewer sees the changed state without re-running the flow.
Learn more
Optional practice
Practice: Agent-driven browser: navigation, console, network, screenshot
QYou've applied it. What actually proves the work is done, not just a plausible answer?