1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34import { useRouter } from "next/router";
import Link from "next/link";
export default function NavTestPage() {
const router = useRouter();
return (
<div>
<h1>Navigation Test</h1>
<p data-testid="pathname">Current: {router.pathname}</p>
<button
data-testid="push-about"
onClick={() => router.push("/about")}
>
Push to About
</button>
<button
data-testid="replace-ssr"
onClick={() => router.replace("/ssr")}
>
Replace to SSR
</button>
<button
data-testid="push-counter"
onClick={() => router.push("/counter")}
>
Push to Counter
</button>
<Link href="/" data-testid="link-home">Link to Home</Link>
<Link href="/about" data-testid="link-about">Link to About</Link>
<Link href="/ssr" data-testid="link-ssr">Link to SSR</Link>
</div>
);
}