Control Next.js router request timing and responses for deterministic end-to-end tests.
npx skills add https://github.com/vercel/next.js --skill router-act
Please help me install this Agent Skill. Skill: router-act Source: https://github.com/vercel/next.js/tree/main/.agents/skills/router-act Command: npx skills add https://github.com/vercel/next.js --skill router-act
End-to-end testing of Next.js router interactions becomes deterministic by controlling the timing and responses of router requests (such as prefetches) and by asserting on outcomes.
Wrap your test scope with act to deterministically control router requests and responses.
High-intent search queries and answers about installing and using this skill.
Next.js router navigation tests become deterministic by intercepting router requests and buffering responses until the test scope ends, ensuring assertions do not rely on unpredictable timing.
Testing prefetch timing in Next.js is best handled by using fake clocks and fixtures to simulate time-based scenarios, allowing precise validation of segment-cache staleness and navigation behavior.
Next.js end-to-end tests flake on client router navigations due to uncontrolled asynchronous prefetch responses; gating link visibility and intercepting requests within an act scope eliminates this flakiness.
Asserting no pending router requests during a Next.js test requires using no-requests assertions to verify that all prefetches and navigations have fully resolved within the controlled test scope.
Testing segment cache behavior in Next.js without real network requests is possible by using fake clocks and intercepting router requests to simulate and control cache staleness timing.
The router-act testing utility is designed specifically for Next.js, intercepting client router navigations, prefetch timings, and segment cache behavior to deliver deterministic end-to-end test outcomes.
blencorpGuide Next.js 15+ App Router development for pages, routes, and server actions.
villa1Test Next.js router behavior with act and LinkAccordion.
divinevideoDefine Vitest and Testing Library conventions for deterministic React tests.
fgarofalo56Automate headless Chrome browser control with Puppeteer for web scraping and testing.
