11/* @flow */
22
3- import React from 'react' ;
4- import { renderToStaticMarkup } from 'react-dom/server' ;
5- import { mount } from 'enzyme' ;
6- import { createAsyncComponent , withAsyncComponents } from '../' ;
7- import { STATE_IDENTIFIER } from '../constants' ;
3+ import React from 'react'
4+ import { renderToStaticMarkup } from 'react-dom/server'
5+ import { mount } from 'enzyme'
6+ import { createAsyncComponent , withAsyncComponents } from '../'
7+ import { STATE_IDENTIFIER } from '../constants'
88
99function Bob ( { children } ) {
10- return ( < div > { children } </ div > ) ;
10+ return ( < div > { children } </ div > )
1111}
12- Bob . propTypes = { children : React . PropTypes . node } ;
13- Bob . defaultProps = { children : null } ;
12+ Bob . propTypes = { children : React . PropTypes . node }
13+ Bob . defaultProps = { children : null }
1414
1515const AsyncBob = createAsyncComponent ( {
1616 resolve : ( ) => new Promise ( resolve => setTimeout ( ( ) => resolve ( Bob ) , 10 ) ) ,
1717 name : 'AsyncBob' ,
18- } ) ;
18+ } )
1919
2020const AsyncBobTwo = createAsyncComponent ( {
2121 resolve : ( ) => new Promise ( resolve => setTimeout ( ( ) => resolve ( Bob ) , 10 ) ) ,
2222 name : 'AsyncBobTwo' ,
23- } ) ;
23+ } )
2424
2525const AsyncBobThree = createAsyncComponent ( {
2626 resolve : ( ) => new Promise ( resolve => setTimeout ( ( ) => resolve ( Bob ) , 10 ) ) ,
2727 name : 'AsyncBobThree' ,
28- } ) ;
28+ } )
2929
3030const DeferredAsyncBob = createAsyncComponent ( {
3131 resolve : ( ) => new Promise ( resolve => setTimeout ( ( ) => resolve ( Bob ) , 10 ) ) ,
3232 ssrMode : 'defer' ,
3333 name : 'DeferredAsyncBob' ,
34- } ) ;
34+ } )
3535
3636const BoundaryAsyncBob = createAsyncComponent ( {
3737 resolve : ( ) => new Promise ( resolve => setTimeout ( ( ) => resolve ( Bob ) , 10 ) ) ,
3838 ssrMode : 'boundary' ,
3939 name : 'BoundaryAsyncBob' ,
40- } ) ;
40+ } )
4141
4242const app = (
4343 < AsyncBob >
@@ -56,36 +56,36 @@ const app = (
5656 </ BoundaryAsyncBob >
5757 </ div >
5858 </ AsyncBob >
59- ) ;
59+ )
6060
6161describe ( 'integration' , ( ) => {
6262 afterEach ( ( ) => {
63- delete global . window [ STATE_IDENTIFIER ] ;
64- } ) ;
63+ delete global . window [ STATE_IDENTIFIER ]
64+ } )
6565
66- it ( 'works ' , ( ) => {
67- const windowTemp = global . window ;
66+ it ( 'render server and client ' , ( ) => {
67+ const windowTemp = global . window
6868 // we have to delete the window to emulate a server only environment
69- delete global . window ;
69+ delete global . window
7070
7171 // "Server" side render...
7272 return withAsyncComponents ( app )
7373 . then ( ( { appWithAsyncComponents, state, STATE_IDENTIFIER : STATE_ID } ) => {
74- const serverString = renderToStaticMarkup ( appWithAsyncComponents ) ;
75- expect ( serverString ) . toMatchSnapshot ( ) ;
74+ const serverString = renderToStaticMarkup ( appWithAsyncComponents )
75+ expect ( serverString ) . toMatchSnapshot ( )
7676 // Restore the window and attach the state to the "window" for the client
77- global . window = windowTemp ;
78- global . window [ STATE_ID ] = state ;
79- return serverString ;
77+ global . window = windowTemp
78+ global . window [ STATE_ID ] = state
79+ return serverString
8080 } )
8181 . then ( serverHTML =>
8282 // "Client" side render...
8383 withAsyncComponents ( app )
8484 . then ( ( { appWithAsyncComponents } ) => {
85- const clientRenderWrapper = mount ( appWithAsyncComponents ) ;
86- expect ( clientRenderWrapper ) . toMatchSnapshot ( ) ;
87- expect ( renderToStaticMarkup ( appWithAsyncComponents ) ) . toEqual ( serverHTML ) ;
88- return clientRenderWrapper ;
85+ const clientRenderWrapper = mount ( appWithAsyncComponents )
86+ expect ( clientRenderWrapper ) . toMatchSnapshot ( )
87+ expect ( renderToStaticMarkup ( appWithAsyncComponents ) ) . toEqual ( serverHTML )
88+ return clientRenderWrapper
8989 } )
9090 // Now give the client side components time to resolve
9191 . then ( clientRenderWrapper => new Promise ( resolve =>
@@ -95,6 +95,6 @@ describe('integration', () => {
9595 . then ( clientRenderWrapper =>
9696 expect ( clientRenderWrapper ) . toMatchSnapshot ( ) ,
9797 ) ,
98- ) ;
99- } ) ;
100- } ) ;
98+ )
99+ } )
100+ } )
0 commit comments