Function createApp

src/__tests__/integration.test.js:12–82

(asyncContext, stateForClient)

const waitFor = time => new Promise(resolve => setTimeout(resolve, time))

const createApp = (asyncContext, stateForClient) => {
  // All the component creation needs to be within to respect the window
  // existing or note, which indicates a browser vs. server environment.

  function Bob({ children }) {
    return <div>{children}</div>
  }
  Bob.propTypes = { children: PropTypes.node }
  Bob.defaultProps = { children: null }

  const AsyncBob = asyncComponent({
    resolve: () => new Promise(resolve => setTimeout(() => resolve(Bob), 10)),
    name: 'AsyncBob',
  })

  const AsyncBobTwo = asyncComponent({
    resolve: () => new Promise(resolve => setTimeout(() => resolve(Bob), 10)),
    name: 'AsyncBobTwo',
  })

  const AsyncBobThree = asyncComponent({
    resolve: () => new Promise(resolve => setTimeout(() => resolve(Bob), 10)),
    name: 'AsyncBobThree',
  })

  const DeferredAsyncBob = asyncComponent({
    resolve: () => new Promise(resolve => setTimeout(() => resolve(Bob), 10)),
    serverMode: 'defer',
    name: 'DeferredAsyncBob',
    LoadingComponent: () => <div>DeferredAsyncBob Loading</div>,
  })

  const BoundaryAsyncBob = asyncComponent({
    resolve: () => new Promise(resolve => setTimeout(() => resolve(Bob), 10)),
    serverMode: 'boundary',
    name: 'BoundaryAsyncBob',
  })

  return {
    AsyncBob,
    AsyncBobTwo,
    AsyncBobThree,
    DeferredAsyncBob,
    BoundaryAsyncBob,
    app: (
      <AsyncComponentProvider
        asyncContext={asyncContext}
        rehydrateState={stateForClient}
      >
        <div>
          <AsyncBob>
            <AsyncBobTwo>
              <span>In Render.</span>
            </AsyncBobTwo>
            <DeferredAsyncBob>
              <span>In Defer.</span>
            </DeferredAsyncBob>
            <BoundaryAsyncBob>