first commit

test/integration/invalid-href/pages/[post].js

@@ -0,0 +1,3 @@
+export default function Page() {
+  return 'hi from post'
+}

test/integration/invalid-href/pages/dynamic-route-mismatch-manual.js

@@ -0,0 +1,9 @@
+import Link from 'next/link'
+
+export default function Page() {
+  return (
+    <Link href="/[post]?post=post-1" as="/blog/post-1" id="click-me">
+      Click me
+    </Link>
+  )
+}

test/integration/invalid-href/pages/dynamic-route-mismatch.js

@@ -0,0 +1,9 @@
+import Link from 'next/link'
+
+export default function Page() {
+  return (
+    <Link href="/[post]" as="/blog/post-1" id="click-me">
+      Click me
+    </Link>
+  )
+}

test/integration/invalid-href/pages/exotic-href.js

@@ -0,0 +1,14 @@
+import Link from 'next/link'
+
+export default function Page() {
+  return (
+    <>
+      <Link href="HTTPs://google.com">HTTPs</Link>
+      <Link href="flatpak+https://dl.flathub.org/repo/appstream/net.krafting.Playlifin.flatpakref">
+        flatpak+https
+      </Link>
+      <Link href="com.apple.tv://">com.apple.tv</Link>
+      <Link href="itms-apps://">itms-apps</Link>
+    </>
+  )
+}

test/integration/invalid-href/pages/first.js

@@ -0,0 +1,27 @@
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+
+const invalidLink = 'mailto:idk@idk.com'
+
+export default function Page() {
+  const { query, ...router } = useRouter()
+  const { method } = query
+
+  return method ? (
+    <a
+      id="click-me"
+      onClick={(e) => {
+        e.preventDefault()
+        router[method](invalidLink)
+      }}
+    >
+      invalid link :o
+    </a>
+  ) : (
+    // this should throw an error on load since prefetch
+    // receives the invalid href
+    <Link href={invalidLink} id="click-me">
+      invalid link :o
+    </Link>
+  )
+}

test/integration/invalid-href/pages/index.js

@@ -0,0 +1,4 @@
+// page used for loading and installing error catcher
+export default function Page() {
+  return <p>Hi 👋</p>
+}

test/integration/invalid-href/pages/invalid-relative.js

@@ -0,0 +1,9 @@
+import Link from 'next/link'
+
+export default function Page() {
+  return (
+    <Link href="/second" as="mailto:hello@example.com" id="click-me">
+      email
+    </Link>
+  )
+}

test/integration/invalid-href/pages/second.js

@@ -0,0 +1,27 @@
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+
+const invalidLink = 'https://vercel.com/solutions/nextjs'
+
+export default function Page() {
+  const { query, ...router } = useRouter()
+  const { method } = query
+
+  return method ? (
+    <a
+      id="click-me"
+      onClick={(e) => {
+        e.preventDefault()
+        // this should throw an error on load since prefetch
+        // receives the invalid href
+        router[method](invalidLink)
+      }}
+    >
+      invalid link :o
+    </a>
+  ) : (
+    <Link href={invalidLink} id="click-me">
+      valid link :o
+    </Link>
+  )
+}

test/integration/invalid-href/pages/third.js

@@ -0,0 +1,10 @@
+import Link from 'next/link'
+const invalidLink = 'https://'
+
+export default function Page() {
+  return (
+    <Link href={invalidLink} id="click-me">
+      invalid link :o
+    </Link>
+  )
+}