Test Next.js router behavior with act and LinkAccordion.
npx skills add https://github.com/villa1/backupshop --skill router-act-villa1
Please help me install this Agent Skill. Skill: router-act Source: https://github.com/villa1/backupshop/tree/main/.agents/skills/router-act Command: npx skills add https://github.com/villa1/backupshop --skill router-act-villa1
Writing and maintaining end-to-end tests for Next.js router interactions can be flaky due to timing of prefetches, navigations, and segment-cache behavior. This skill provides a structured approach to using createRouterAct and LinkAccordion to instrument router activity, control data flow, and assert on responses in a stable scope.
Run an act scope to assert router behavior and prefetch timing with LinkAccordion.
High-intent search queries and answers about installing and using this skill.
Next.js router testing becomes deterministic by using createRouterAct to observe prefetch and navigation responses within a controlled act scope, eliminating timing flakiness. This approach instruments router activity to stabilize test assertions.
Testing segment-cache semantics requires fake clocks and predictable assertions across navigations to validate timing. Using createRouterAct with LinkAccordion provides structured control over data flow and cache behavior validation in a stable scope.
LinkAccordion controls when links trigger prefetches and navigations within an act scope during e2e testing. It works with createRouterAct to instrument router activity and assert on responses in a deterministic test environment.
Playwright e2e testing of Next.js router behavior is supported through act scopes and LinkAccordion. This combination enables control over internal router requests, prefetch timing, and segment-cache semantics across navigations for stable test execution.
Intermittent e2e test failures during Next.js navigation stem from unpredictable prefetch and segment-cache timing. Applying createRouterAct with fake clocks and fixtures instruments router activity to ensure deterministic assertions and avoid flaky results.
vercelControl Next.js router request timing and responses for deterministic end-to-end tests.
GolferGeekRun npm lint, format, test, and build before commits.
csim-sgGenerate and run Playwright end-to-end tests for the tldraw UI.
Prompt-or-Die-LabsGenerates unit, integration, and E2E tests for JavaScript, TypeScript, and Python.
