first commit

test/integration/dynamic-routing/pages/[name]/[comment].js

@@ -0,0 +1,21 @@
+import { useRouter } from 'next/router'
+
+const Comment = ({ gipQuery }) => {
+  const router = useRouter()
+  const { query } = router
+
+  return (
+    <>
+      <p id="asdf">
+        I am {query.comment} on {query.name}
+      </p>
+      <span data-testid="gip-query">gip {gipQuery && gipQuery.name}</span>
+    </>
+  )
+}
+
+Comment.getInitialProps = async ({ query }) => {
+  return { gipQuery: query }
+}
+
+export default Comment

test/integration/dynamic-routing/pages/[name]/[comment]/[...rest].js

@@ -0,0 +1,12 @@
+// this checks priority issues with catch-all routes that
+// can match `_next/data/build-id/path.json
+
+export function getServerSideProps() {
+  return {
+    notFound: true,
+  }
+}
+
+export default function Page() {
+  return <p>nested catch-all</p>
+}

test/integration/dynamic-routing/pages/[name]/comments.js

@@ -0,0 +1,11 @@
+import { useRouter } from 'next/router'
+
+const Page = () => {
+  const router = useRouter()
+  const { query } = router
+  return <p id="asdf">Show comments for {query.name} here</p>
+}
+
+Page.getInitialProps = () => ({})
+
+export default Page

test/integration/dynamic-routing/pages/[name]/index.js

@@ -0,0 +1,78 @@
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+
+const Page = () => {
+  const router = useRouter()
+  const { query } = router
+  return (
+    <>
+      <Link href="#only-hash" id="dynamic-route-only-hash">
+        Dynamic route only hash
+      </Link>
+      <br />
+      <Link href={{ hash: 'only-hash-obj' }} id="dynamic-route-only-hash-obj">
+        Dynamic route only hash object
+      </Link>
+      <br />
+      <Link href="?name=post-2" id="dynamic-route-only-query">
+        Dynamic route only query
+      </Link>
+      <br />
+      <Link
+        href="?name=post-3&another=value"
+        id="dynamic-route-only-query-extra"
+      >
+        Dynamic route only query extra
+      </Link>
+      <br />
+      <Link
+        href={{ query: { name: 'post-4' } }}
+        id="dynamic-route-only-query-obj"
+      >
+        Dynamic route only query object
+      </Link>
+      <br />
+      <Link
+        href={{ query: { name: 'post-5', another: 'value' } }}
+        id="dynamic-route-only-query-obj-extra"
+      >
+        Dynamic route only query object extra
+      </Link>
+      <br />
+      <Link href="?name=post-2#hash-too" id="dynamic-route-query-hash">
+        Dynamic route query and hash
+      </Link>
+      <br />
+      <Link
+        href="?name=post-3&another=value#hash-again"
+        id="dynamic-route-query-extra-hash"
+      >
+        Dynamic route query extra and hash
+      </Link>
+      <br />
+      <Link
+        href={{ query: { name: 'post-4' }, hash: 'hash-too' }}
+        id="dynamic-route-query-hash-obj"
+      >
+        Dynamic route query and hash object
+      </Link>
+      <br />
+      <Link
+        href={{
+          query: { name: 'post-5', another: 'value' },
+          hash: 'hash-again',
+        }}
+        id="dynamic-route-query-obj-extra-hash"
+      >
+        Dynamic route query and hash object extra
+      </Link>
+      <br />
+      <p id="asdf">This is {query.name}</p>
+      <p id="query">{JSON.stringify(query)}</p>
+    </>
+  )
+}
+
+Page.getInitialProps = () => ({})
+
+export default Page

test/integration/dynamic-routing/pages/[name]/on-mount-redir.js

@@ -0,0 +1,14 @@
+import React from 'react'
+import Router from 'next/router'
+
+class Page extends React.Component {
+  componentDidMount() {
+    Router.push('/')
+  }
+
+  render() {
+    return <p>redirecting..</p>
+  }
+}
+
+export default Page

test/integration/dynamic-routing/pages/_app.js

@@ -0,0 +1,8 @@
+export default function App({ Component, pageProps }) {
+  if (!pageProps || typeof pageProps !== 'object') {
+    throw new Error(
+      `Invariant: received invalid pageProps in _app, received ${pageProps}`
+    )
+  }
+  return <Component {...pageProps} />
+}

test/integration/dynamic-routing/pages/another.js

@@ -0,0 +1,3 @@
+export default function Another() {
+  return 'hello from another!'
+}

test/integration/dynamic-routing/pages/b/[123].js

@@ -0,0 +1,13 @@
+export const getServerSideProps = ({ params }) => {
+  console.log({ params })
+
+  return {
+    props: {
+      params,
+    },
+  }
+}
+
+export default function Page(props) {
+  return <p id="props">{JSON.stringify(props)}</p>
+}

test/integration/dynamic-routing/pages/blog/[name]/comment/[id].js

@@ -0,0 +1,18 @@
+import { useRouter } from 'next/router'
+
+const Page = () => {
+  const router = useRouter()
+  const { name, id } = router.query
+
+  return (
+    <>
+      <p id="asdf">
+        Blog post {name} comment {id || '(all)'}
+      </p>
+    </>
+  )
+}
+
+Page.getInitialProps = () => ({})
+
+export default Page

test/integration/dynamic-routing/pages/c/[alongparamnameshouldbeallowedeventhoughweird].js

@@ -0,0 +1,13 @@
+export const getServerSideProps = ({ params }) => {
+  console.log({ params })
+
+  return {
+    props: {
+      params,
+    },
+  }
+}
+
+export default function Page(props) {
+  return <p id="props">{JSON.stringify(props)}</p>
+}

test/integration/dynamic-routing/pages/catchall-dash/[...hello-world].js

@@ -0,0 +1 @@
+export default () => 'hi'

test/integration/dynamic-routing/pages/d/[id].js

@@ -0,0 +1,9 @@
+import { useRouter } from 'next/router'
+
+const Page = () => {
+  const router = useRouter()
+  const { query } = router
+  return <p id="asdf">This is {query.id}</p>
+}
+
+export default Page

test/integration/dynamic-routing/pages/dash/[hello-world].js

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

test/integration/dynamic-routing/pages/index.js

@@ -0,0 +1,236 @@
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+
+if (typeof window !== 'undefined') {
+  window.caughtWarns = []
+  const origWarn = window.console.warn
+  window.console.warn = function (...args) {
+    window.caughtWarns.push(args)
+    origWarn(...args)
+  }
+}
+
+const Page = () => {
+  return (
+    <div>
+      <h3>My blog</h3>
+      <Link href="/[name]" as="/post-1" id="view-post-1">
+        View post 1
+      </Link>
+      <br />
+      <Link href="/[name]" as="/post-1#my-hash" id="view-post-1-hash-1">
+        View post 1 (hash)
+      </Link>
+      <br />
+      <Link href="/post-1#my-hash" id="view-post-1-hash-1-href-only">
+        View post 1 (hash only href)
+      </Link>
+      <br />
+      <Link
+        href="/post-1?hidden=value"
+        as="/post-1"
+        id="view-post-1-hidden-query"
+      >
+        View post 1 (href query)
+      </Link>
+      <br />
+      <Link
+        href={{
+          hash: 'my-hash',
+          pathname: '/[name]',
+          query: { name: 'post-1' },
+        }}
+        id="view-post-1-hash-1-interpolated"
+      >
+        View post 1 (hash interpolated)
+      </Link>
+      <br />
+      <Link href="/post-1" id="view-post-1-no-as">
+        View post 1 (no as)
+      </Link>
+      <br />
+      <Link
+        href={{
+          pathname: '/[name]',
+          query: { name: 'post-1' },
+        }}
+        id="view-post-1-interpolated"
+      >
+        View post 1 (interpolated)
+      </Link>
+      <br />
+      <Link
+        href={{
+          pathname: '/[name]',
+          query: { another: 'value' },
+        }}
+        id="view-post-1-interpolated-incorrectly"
+      >
+        View post 1 (interpolated incorrectly)
+      </Link>
+      <br />
+      <Link
+        href={{
+          pathname: '/[name]',
+          query: { name: 'post-1', another: 'value' },
+        }}
+        id="view-post-1-interpolated-more-query"
+      >
+        View post 1 (interpolated additional query)
+      </Link>
+      <br />
+      <Link
+        href="/[name]/comments"
+        as="/post-1/comments"
+        id="view-post-1-comments"
+      >
+        View post 1 comments
+      </Link>
+      <br />
+      <Link
+        href="/[name]/[comment]"
+        as="/post-1/comment-1"
+        id="view-post-1-comment-1"
+      >
+        View comment 1 on post 1
+      </Link>
+      <br />
+      <Link href="/post-1/comment-1" id="view-post-1-comment-1-no-as">
+        View comment 1 on post 1 (no as)
+      </Link>
+      <br />
+      <Link
+        href={{
+          pathname: '/[name]/[comment]',
+          query: { name: 'post-1', comment: 'comment-1' },
+        }}
+        id="view-post-1-comment-1-interpolated"
+      >
+        View comment 1 on post 1 (interpolated)
+      </Link>
+      <br />
+      <Link href="/added-later/first" id="added-later-link">
+        /added-later/first
+      </Link>
+      <br />
+      <Link
+        href="/blog/[post]/comment/[id]"
+        as="/blog/321/comment/123"
+        id="view-nested-dynamic-cmnt"
+      >
+        View comment 123 on blog post 321
+      </Link>
+      <br />
+      <Link
+        href="/[name]?fromHome=true"
+        as="/post-1?fromHome=true"
+        id="view-post-1-with-query"
+      >
+        View post 1 with query
+      </Link>
+      <br />
+      <Link
+        href="/on-mount/[post]"
+        as="/on-mount/test-w-hash#item-400"
+        id="view-dynamic-with-hash"
+      >
+        View test with hash
+      </Link>
+      <br />
+      <Link
+        href="/p1/p2/all-ssr/[...rest]"
+        as="/p1/p2/all-ssr/hello"
+        id="catch-all-single"
+      >
+        Catch-all route (single)
+      </Link>
+      <br />
+      <Link
+        href="/p1/p2/all-ssr/[...rest]"
+        as="/p1/p2/all-ssr/hello1/hello2"
+        id="catch-all-multi"
+      >
+        Catch-all route (multi)
+      </Link>
+      <br />
+      <Link
+        href="/p1/p2/all-ssr/[...rest]"
+        as="/p1/p2/all-ssr/hello1%2F/he%2Fllo2"
+        id="catch-all-enc"
+      >
+        Catch-all route (encoded)
+      </Link>
+      <br />
+      <Link
+        href="/p1/p2/all-ssr/[...rest]"
+        as="/p1/p2/all-ssr/:42"
+        id="catch-all-colonnumber"
+      >
+        Catch-all route :42
+      </Link>
+      <br />
+      <Link
+        href="/p1/p2/all-ssg/[...rest]"
+        as="/p1/p2/all-ssg/hello"
+        id="ssg-catch-all-single"
+      >
+        Catch-all route (single)
+      </Link>
+      <br />
+      <Link
+        href={{
+          pathname: '/p1/p2/all-ssg/[...rest]',
+          query: { rest: ['hello'] },
+        }}
+        id="ssg-catch-all-single-interpolated"
+      >
+        Catch-all route (single interpolated)
+      </Link>
+      <br />
+      <Link
+        href="/p1/p2/all-ssg/[...rest]"
+        as="/p1/p2/all-ssg/hello1/hello2"
+        id="ssg-catch-all-multi"
+      >
+        Catch-all route (multi)
+      </Link>
+      <br />
+      <Link href="/p1/p2/all-ssg/hello1/hello2" id="ssg-catch-all-multi-no-as">
+        Catch-all route (multi)
+      </Link>
+      <br />
+      <Link
+        href={{
+          pathname: '/p1/p2/all-ssg/[...rest]',
+          query: { rest: ['hello1', 'hello2'] },
+        }}
+        id="ssg-catch-all-multi-interpolated"
+      >
+        Catch-all route (multi interpolated)
+      </Link>
+      <br />
+      <Link
+        href="/p1/p2/nested-all-ssg/[...rest]"
+        as="/p1/p2/nested-all-ssg/hello"
+        id="nested-ssg-catch-all-single"
+      >
+        Nested Catch-all route (single)
+      </Link>
+      <br />
+      <Link
+        href="/p1/p2/nested-all-ssg/[...rest]"
+        as="/p1/p2/nested-all-ssg/hello1/hello2"
+        id="nested-ssg-catch-all-multi"
+      >
+        Nested Catch-all route (multi)
+      </Link>
+      <br />
+      <Link href="/d/dynamic-1" id="dynamic-route-no-as">
+        Dynamic route no as
+      </Link>
+      <p id="query">{JSON.stringify(Object.keys(useRouter().query))}</p>
+    </div>
+  )
+}
+
+export default Page

test/integration/dynamic-routing/pages/index/[...slug].js

@@ -0,0 +1,3 @@
+export default function page() {
+  return 'index/[...slug]'
+}

test/integration/dynamic-routing/pages/on-mount/[post].js

@@ -0,0 +1,18 @@
+import { useRouter } from 'next/router'
+
+export default () => {
+  const router = useRouter()
+  const { query } = router
+  return (
+    <>
+      <p id="asdf">onmpost: {query.post || 'pending'}</p>
+      {Array.from({ length: 500 }, (x, i) => i + 1).map((i) => {
+        return (
+          <div key={`item-${i}`} id={`item-${i}`}>
+            {i}
+          </div>
+        )
+      })}
+    </>
+  )
+}

test/integration/dynamic-routing/pages/p1/p2/all-ssg/[...rest].js

@@ -0,0 +1,16 @@
+function All({ params }) {
+  return <div id="all-ssg-content">{JSON.stringify(params)}</div>
+}
+
+export function getStaticProps({ params }) {
+  return { props: { params } }
+}
+
+export function getStaticPaths() {
+  return {
+    paths: [],
+    fallback: true,
+  }
+}
+
+export default All

test/integration/dynamic-routing/pages/p1/p2/all-ssr/[...rest].js

@@ -0,0 +1,7 @@
+function All({ query }) {
+  return <div id="all-ssr-content">{JSON.stringify(query)}</div>
+}
+
+All.getInitialProps = ({ query }) => ({ query })
+
+export default All

test/integration/dynamic-routing/pages/p1/p2/nested-all-ssg/[...rest]/index.js

@@ -0,0 +1,22 @@
+import styles from './styles.module.css'
+
+function All({ params }) {
+  return (
+    <div id="nested-all-ssg-content" className={styles.test}>
+      {JSON.stringify(params)}
+    </div>
+  )
+}
+
+export function getStaticProps({ params }) {
+  return { props: { params } }
+}
+
+export function getStaticPaths() {
+  return {
+    paths: [],
+    fallback: true,
+  }
+}
+
+export default All

test/integration/dynamic-routing/pages/p1/p2/nested-all-ssg/[...rest]/styles.module.css

@@ -0,0 +1,3 @@
+.test {
+  color: red;
+}

test/integration/dynamic-routing/pages/p1/p2/predefined-ssg/[...rest].js

@@ -0,0 +1,19 @@
+function All({ params }) {
+  return <div id="all-ssg-content">{JSON.stringify(params)}</div>
+}
+
+export function getStaticProps({ params }) {
+  return { props: { params } }
+}
+
+export function getStaticPaths() {
+  return {
+    paths: [
+      `/p1/p2/predefined-ssg/one-level`,
+      `/p1/p2/predefined-ssg/1st-level/2nd-level`,
+    ],
+    fallback: true,
+  }
+}
+
+export default All

test/integration/dynamic-routing/public/hello copy.txt

@@ -0,0 +1 @@
+hello world copy

test/integration/dynamic-routing/public/hello%20copy.txt

@@ -0,0 +1 @@
+hello world %20

test/integration/dynamic-routing/public/hello+copy.txt

@@ -0,0 +1 @@
+hello world +

test/integration/dynamic-routing/public/hello.txt

@@ -0,0 +1 @@
+hello world

test/integration/dynamic-routing/static/hello copy.txt

@@ -0,0 +1 @@
+hello world copy

test/integration/dynamic-routing/static/hello%20copy.txt

@@ -0,0 +1 @@
+hello world %20

test/integration/dynamic-routing/static/hello+copy.txt

@@ -0,0 +1 @@
+hello world +

test/integration/dynamic-routing/static/hello.txt

@@ -0,0 +1 @@
+hello world

test/integration/dynamic-routing/test/middleware.test.ts

@@ -0,0 +1,7 @@
+/* eslint-env jest */
+
+process.env.__MIDDLEWARE_TEST = '1'
+
+// run all existing tests from ./index.test.js with middleware
+// setup enabled via the above env variable
+require('./index.test')