first commit

test/development/basic/next-dynamic/components/esm.mjs

@@ -0,0 +1,7 @@
+import React from 'react'
+
+window.ua = navigator.userAgent
+
+export default function Component() {
+  return <p>esm.mjs</p>
+}

test/development/basic/next-dynamic/components/hello-chunkfilename.js

@@ -0,0 +1 @@
+export default () => <div>test chunkfilename</div>

test/development/basic/next-dynamic/components/hello-context.js

@@ -0,0 +1,13 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+export default class extends React.Component {
+  static contextTypes = {
+    data: PropTypes.object,
+  }
+
+  render() {
+    const { data } = this.context
+    return <div>{data.title}</div>
+  }
+}

test/development/basic/next-dynamic/components/hello1.js

@@ -0,0 +1 @@
+export default () => <p>Hello World 1</p>

test/development/basic/next-dynamic/components/hello2.js

@@ -0,0 +1 @@
+export default () => <p>Hello World 2</p>

test/development/basic/next-dynamic/components/hello3.js

@@ -0,0 +1 @@
+export default () => <p>Hello World 1</p>

test/development/basic/next-dynamic/components/hello4.js

@@ -0,0 +1 @@
+export default () => <p>Hello World 2</p>

test/development/basic/next-dynamic/components/nested1.js

@@ -0,0 +1,10 @@
+import dynamic from 'next/dynamic'
+
+const Nested2 = dynamic(() => import('./nested2'))
+
+export default () => (
+  <div>
+    Nested 1
+    <Nested2 />
+  </div>
+)

test/development/basic/next-dynamic/components/nested2.js

@@ -0,0 +1,12 @@
+import dynamic from 'next/dynamic'
+
+const BrowserLoaded = dynamic(async () => () => <div>Browser hydrated</div>, {
+  ssr: false,
+})
+
+export default () => (
+  <div>
+    <div>Nested 2</div>
+    <BrowserLoaded />
+  </div>
+)

test/development/basic/next-dynamic/components/pure-client.js

@@ -0,0 +1,5 @@
+window.ua = navigator.userAgent
+
+export default function PureClient() {
+  return <p id="pure-client">navigator</p>
+}

test/development/basic/next-dynamic/components/welcome.js

@@ -0,0 +1,17 @@
+import React from 'react'
+
+export default class Welcome extends React.Component {
+  state = { name: null }
+
+  componentDidMount() {
+    const { name } = this.props
+    this.setState({ name })
+  }
+
+  render() {
+    const { name } = this.state
+    if (!name) return null
+
+    return <p>Welcome, {name}</p>
+  }
+}