first commit

test/development/basic/hmr/pages/auto-export-is-ready.js

@@ -0,0 +1,12 @@
+import { useRouter } from 'next/router'
+
+export default function Page(props) {
+  const router = useRouter()
+  return (
+    <>
+      <p>auto-export router.isReady</p>
+      <p id="query">{JSON.stringify(router.query)}</p>
+      <p id="ready">{router.isReady ? 'yes' : 'no'}</p>
+    </>
+  )
+}

test/development/basic/hmr/pages/gsp-is-ready.js

@@ -0,0 +1,20 @@
+import { useRouter } from 'next/router'
+
+export default function Page(props) {
+  const router = useRouter()
+  return (
+    <>
+      <p>getStaticProps router.isReady</p>
+      <p id="query">{JSON.stringify(router.query)}</p>
+      <p id="ready">{router.isReady ? 'yes' : 'no'}</p>
+    </>
+  )
+}
+
+export function getStaticProps() {
+  return {
+    props: {
+      now: Date.now(),
+    },
+  }
+}

test/development/basic/hmr/pages/hmr/about.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/about1.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/about2.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/about3.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/about4.js

@@ -0,0 +1,7 @@
+export default function About4() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/about5.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/about6.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/about7.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/about8.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/about9.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-about-page">
+      <p>This is the about page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/anonymous-page-function.js

@@ -0,0 +1,3 @@
+export default function () {
+  return <p>hello world</p>
+}

test/development/basic/hmr/pages/hmr/contact.js

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="hmr-contact-page">
+      <p>This is the contact page.</p>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/counter.js

@@ -0,0 +1,19 @@
+import React from 'react'
+
+export default class Counter extends React.Component {
+  state = { count: 0 }
+
+  incr() {
+    const { count } = this.state
+    this.setState({ count: count + 1 })
+  }
+
+  render() {
+    return (
+      <div>
+        <p>COUNT: {this.state.count}</p>
+        <button onClick={() => this.incr()}>Increment</button>
+      </div>
+    )
+  }
+}

test/development/basic/hmr/pages/hmr/error-in-gip.js

@@ -0,0 +1,11 @@
+import React from 'react'
+export default class Page extends React.Component {
+  static getInitialProps() {
+    const error = new Error('an-expected-error-in-gip')
+    throw error
+  }
+
+  render() {
+    return <div>Hello</div>
+  }
+}

test/development/basic/hmr/pages/hmr/index.js

@@ -0,0 +1,11 @@
+import Link from 'next/link'
+
+export default function Page() {
+  return (
+    <div>
+      <Link href="/hmr/error-in-gip" id="error-in-gip-link">
+        Bad Page
+      </Link>
+    </div>
+  )
+}

test/development/basic/hmr/pages/hmr/nonlatin.js

@@ -0,0 +1,3 @@
+export default function NonLatin(props) {
+  return <div>テスト</div>
+}

test/development/basic/hmr/pages/hmr/runtime-error.js

@@ -0,0 +1,4 @@
+export default function () {
+  // eslint-disable-next-line no-undef
+  return whoops
+}

test/development/basic/hmr/pages/hmr/style-dynamic-component.js

@@ -0,0 +1,8 @@
+import React from 'react'
+import dynamic from 'next/dynamic'
+
+const HmrDynamic = dynamic(import('../../components/hmr/dynamic'))
+
+export default function Page() {
+  return <HmrDynamic />
+}

test/development/basic/hmr/pages/hmr/style-stateful-component.js

@@ -0,0 +1,20 @@
+import React, { Component } from 'react'
+
+export default class StyleStateFul extends Component {
+  render() {
+    return (
+      <React.Fragment>
+        <div className="hmr-style-page">
+          <p>
+            This is the style page.
+            <style jsx>{`
+              p {
+                font-size: 100px;
+              }
+            `}</style>
+          </p>
+        </div>
+      </React.Fragment>
+    )
+  }
+}

test/development/basic/hmr/pages/hmr/style.js

@@ -0,0 +1,17 @@
+import React from 'react'
+export default function Style() {
+  return (
+    <React.Fragment>
+      <div className="hmr-style-page">
+        <p>
+          This is the style page.
+          <style jsx>{`
+            p {
+              font-size: 100px;
+            }
+          `}</style>
+        </p>
+      </div>
+    </React.Fragment>
+  )
+}

test/development/basic/hmr/pages/hydration-error.js

@@ -0,0 +1,3 @@
+export default function Page(props) {
+  return <p>is server {typeof window}</p>
+}