๐Ÿ“ฆ cloudflare / vinext

๐Ÿ“„ nav-test.tsx ยท 34 lines
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>
  );
}