@@ -4,15 +4,15 @@ import DataLoaderProvider, { useDataLoaderContext } from '../DataLoaderProvider'
44import useDataLoader from '../useDataLoader'
55
66const initialProps = {
7+ config : {
8+ enabled : true ,
9+ keepPreviousData : true ,
10+ } ,
711 key : 'test' ,
812 method : ( ) =>
913 new Promise ( resolve => {
1014 setTimeout ( ( ) => resolve ( true ) , 500 )
1115 } ) ,
12- config : {
13- enabled : true ,
14- keepPreviousData : true ,
15- } ,
1616}
1717// eslint-disable-next-line react/prop-types
1818const wrapper = ( { children } ) => (
@@ -24,8 +24,8 @@ describe('useDataLoader', () => {
2424 const { result, waitForNextUpdate, rerender } = renderHook (
2525 props => useDataLoader ( props . key , props . method ) ,
2626 {
27- wrapper,
2827 initialProps,
28+ wrapper,
2929 } ,
3030 )
3131 expect ( result . current . data ) . toBe ( undefined )
@@ -41,11 +41,11 @@ describe('useDataLoader', () => {
4141 const { result, waitForNextUpdate } = renderHook (
4242 props => useDataLoader ( props . key , props . method ) ,
4343 {
44- wrapper,
4544 initialProps : {
4645 ...initialProps ,
4746 key : 2 ,
4847 } ,
48+ wrapper,
4949 } ,
5050 )
5151 expect ( result . current . data ) . toBe ( undefined )
@@ -60,13 +60,13 @@ describe('useDataLoader', () => {
6060 const { result, waitForNextUpdate } = renderHook (
6161 props => useDataLoader ( props . key , props . method , props . config ) ,
6262 {
63- wrapper,
6463 initialProps : {
6564 ...initialProps ,
6665 config : {
6766 keepPreviousData : false ,
6867 } ,
6968 } ,
69+ wrapper,
7070 } ,
7171 )
7272 expect ( result . current . data ) . toBe ( undefined )
@@ -81,12 +81,12 @@ describe('useDataLoader', () => {
8181 const { result, waitForNextUpdate } = renderHook (
8282 props => useDataLoader ( props . key , props . method , props . config ) ,
8383 {
84- wrapper,
8584 initialProps : {
8685 ...initialProps ,
8786 method : ( ) =>
8887 new Promise ( resolve => setTimeout ( ( ) => resolve ( null ) , 100 ) ) ,
8988 } ,
89+ wrapper,
9090 } ,
9191 )
9292 expect ( result . current . data ) . toBe ( undefined )
@@ -101,8 +101,8 @@ describe('useDataLoader', () => {
101101 const { result, waitForNextUpdate } = renderHook (
102102 props => useDataLoader ( props . key , props . method , props . config ) ,
103103 {
104- wrapper,
105104 initialProps,
105+ wrapper,
106106 } ,
107107 )
108108 expect ( result . current . data ) . toBe ( undefined )
@@ -130,10 +130,10 @@ describe('useDataLoader', () => {
130130 test ( 'should render correctly with key update' , async ( ) => {
131131 const propsToPass = {
132132 ...initialProps ,
133- key : 'test' ,
134133 config : {
135134 reloadOnKeyChange : true ,
136135 } ,
136+ key : 'test' ,
137137 }
138138 const { result, waitForNextUpdate, rerender } = renderHook (
139139 ( ) =>
@@ -162,16 +162,16 @@ describe('useDataLoader', () => {
162162
163163 test ( 'should render correctly with pooling' , async ( ) => {
164164 const pollingProps = {
165+ config : {
166+ pollingInterval : 500 ,
167+ } ,
165168 key : 'test' ,
166169 method : jest . fn (
167170 ( ) =>
168171 new Promise ( resolve => {
169172 setTimeout ( ( ) => resolve ( true ) , 250 )
170173 } ) ,
171174 ) ,
172- config : {
173- pollingInterval : 500 ,
174- } ,
175175 }
176176
177177 const method2 = jest . fn (
@@ -184,8 +184,8 @@ describe('useDataLoader', () => {
184184 const { result, waitForNextUpdate, rerender } = renderHook (
185185 props => useDataLoader ( props . key , props . method , props . config ) ,
186186 {
187- wrapper,
188187 initialProps : pollingProps ,
188+ wrapper,
189189 } ,
190190 )
191191 expect ( result . current . data ) . toBe ( undefined )
@@ -206,10 +206,10 @@ describe('useDataLoader', () => {
206206 expect ( result . current . isLoading ) . toBe ( false )
207207 rerender ( {
208208 ...pollingProps ,
209- method : method2 ,
210209 config : {
211210 pollingInterval : 800 ,
212211 } ,
212+ method : method2 ,
213213 } )
214214 act ( ( ) => {
215215 result . current . reload ( )
@@ -227,10 +227,10 @@ describe('useDataLoader', () => {
227227
228228 rerender ( {
229229 ...pollingProps ,
230- method : method2 ,
231230 config : {
232231 pollingInterval : 500 ,
233232 } ,
233+ method : method2 ,
234234 } )
235235 await waitForNextUpdate ( )
236236 expect ( result . current . data ) . toBe ( 2 )
@@ -249,13 +249,13 @@ describe('useDataLoader', () => {
249249 const { result, waitForNextUpdate } = renderHook (
250250 props => useDataLoader ( props . key , props . method , props . config ) ,
251251 {
252- wrapper,
253252 initialProps : {
254253 ...initialProps ,
255254 config : {
256255 enabled : false ,
257256 } ,
258257 } ,
258+ wrapper,
259259 } ,
260260 )
261261 expect ( result . current . data ) . toBe ( undefined )
@@ -279,13 +279,13 @@ describe('useDataLoader', () => {
279279 const { result, waitForNextUpdate } = renderHook (
280280 props => useDataLoader ( props . key , props . method , props . config ) ,
281281 {
282- wrapper,
283282 initialProps : {
284283 ...initialProps ,
285284 config : {
286285 onSuccess,
287286 } ,
288287 } ,
288+ wrapper,
289289 } ,
290290 )
291291 expect ( result . current . data ) . toBe ( undefined )
@@ -303,20 +303,20 @@ describe('useDataLoader', () => {
303303 const { result, waitForNextUpdate } = renderHook (
304304 props => useDataLoader ( props . key , props . method , props . config ) ,
305305 {
306- wrapper,
307306 initialProps : {
307+ config : {
308+ onError,
309+ onSuccess,
310+ } ,
308311 key : 'test' ,
309312 method : ( ) =>
310313 new Promise ( ( resolve , reject ) => {
311314 setTimeout ( ( ) => {
312315 reject ( error )
313316 } , 500 )
314317 } ) ,
315- config : {
316- onError,
317- onSuccess,
318- } ,
319318 } ,
319+ wrapper,
320320 } ,
321321 )
322322 expect ( result . current . data ) . toBe ( undefined )
@@ -340,8 +340,11 @@ describe('useDataLoader', () => {
340340 const { result, waitForNextUpdate } = renderHook (
341341 props => useDataLoader ( props . key , props . method , props . config ) ,
342342 {
343- wrapper,
344343 initialProps : {
344+ config : {
345+ onError,
346+ onSuccess,
347+ } ,
345348 key : 'test' ,
346349 method : ( ) =>
347350 new Promise ( ( resolve , reject ) => {
@@ -353,11 +356,8 @@ describe('useDataLoader', () => {
353356 }
354357 } , 500 )
355358 } ) ,
356- config : {
357- onError,
358- onSuccess,
359- } ,
360359 } ,
360+ wrapper,
361361 } ,
362362 )
363363 expect ( result . current . data ) . toBe ( undefined )
@@ -392,8 +392,8 @@ describe('useDataLoader', () => {
392392 } ) ,
393393 ] ,
394394 {
395- wrapper,
396395 initialProps,
396+ wrapper,
397397 } ,
398398 )
399399
@@ -431,11 +431,11 @@ describe('useDataLoader', () => {
431431 useDataLoaderContext ( ) ,
432432 ] ,
433433 {
434- wrapper,
435434 initialProps : {
436435 ...initialProps ,
437436 method : mockedFn ,
438437 } ,
438+ wrapper,
439439 } ,
440440 )
441441
0 commit comments