@@ -263,15 +263,21 @@ describe("useQuery's in Suspense mode", () => {
263
263
</ QueryClientProvider >
264
264
) )
265
265
266
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
266
+ await waitFor ( ( ) =>
267
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
268
+ )
267
269
268
- await waitFor ( ( ) => rendered . getByText ( 'error boundary' ) )
270
+ await waitFor ( ( ) =>
271
+ expect ( rendered . getByText ( 'error boundary' ) ) . toBeInTheDocument ( ) ,
272
+ )
269
273
270
- await waitFor ( ( ) => rendered . getByText ( 'retry' ) )
274
+ await waitFor ( ( ) => expect ( rendered . getByText ( 'retry' ) ) . toBeInTheDocument ( ) )
271
275
272
276
fireEvent . click ( rendered . getByText ( 'retry' ) )
273
277
274
- await waitFor ( ( ) => rendered . getByText ( 'rendered' ) )
278
+ await waitFor ( ( ) =>
279
+ expect ( rendered . getByText ( 'rendered' ) ) . toBeInTheDocument ( ) ,
280
+ )
275
281
} )
276
282
277
283
it ( 'should retry fetch if the reset error boundary has been reset' , async ( ) => {
@@ -325,15 +331,23 @@ describe("useQuery's in Suspense mode", () => {
325
331
</ QueryClientProvider >
326
332
) )
327
333
328
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
329
- await waitFor ( ( ) => rendered . getByText ( 'error boundary' ) )
330
- await waitFor ( ( ) => rendered . getByText ( 'retry' ) )
334
+ await waitFor ( ( ) =>
335
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
336
+ )
337
+ await waitFor ( ( ) =>
338
+ expect ( rendered . getByText ( 'error boundary' ) ) . toBeInTheDocument ( ) ,
339
+ )
340
+ await waitFor ( ( ) => expect ( rendered . getByText ( 'retry' ) ) . toBeInTheDocument ( ) )
331
341
fireEvent . click ( rendered . getByText ( 'retry' ) )
332
- await waitFor ( ( ) => rendered . getByText ( 'error boundary' ) )
333
- await waitFor ( ( ) => rendered . getByText ( 'retry' ) )
342
+ await waitFor ( ( ) =>
343
+ expect ( rendered . getByText ( 'error boundary' ) ) . toBeInTheDocument ( ) ,
344
+ )
345
+ await waitFor ( ( ) => expect ( rendered . getByText ( 'retry' ) ) . toBeInTheDocument ( ) )
334
346
succeed = true
335
347
fireEvent . click ( rendered . getByText ( 'retry' ) )
336
- await waitFor ( ( ) => rendered . getByText ( 'rendered' ) )
348
+ await waitFor ( ( ) =>
349
+ expect ( rendered . getByText ( 'rendered' ) ) . toBeInTheDocument ( ) ,
350
+ )
337
351
} )
338
352
339
353
it ( 'should refetch when re-mounting' , async ( ) => {
@@ -383,16 +397,28 @@ describe("useQuery's in Suspense mode", () => {
383
397
</ QueryClientProvider >
384
398
) )
385
399
386
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
387
- await waitFor ( ( ) => rendered . getByText ( 'data: 1' ) )
388
- await waitFor ( ( ) => rendered . getByText ( 'fetching: false' ) )
389
- await waitFor ( ( ) => rendered . getByText ( 'hide' ) )
400
+ await waitFor ( ( ) =>
401
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
402
+ )
403
+ await waitFor ( ( ) =>
404
+ expect ( rendered . getByText ( 'data: 1' ) ) . toBeInTheDocument ( ) ,
405
+ )
406
+ await waitFor ( ( ) =>
407
+ expect ( rendered . getByText ( 'fetching: false' ) ) . toBeInTheDocument ( ) ,
408
+ )
409
+ await waitFor ( ( ) => expect ( rendered . getByText ( 'hide' ) ) . toBeInTheDocument ( ) )
390
410
fireEvent . click ( rendered . getByText ( 'hide' ) )
391
- await waitFor ( ( ) => rendered . getByText ( 'show' ) )
411
+ await waitFor ( ( ) => expect ( rendered . getByText ( 'show' ) ) . toBeInTheDocument ( ) )
392
412
fireEvent . click ( rendered . getByText ( 'show' ) )
393
- await waitFor ( ( ) => rendered . getByText ( 'fetching: true' ) )
394
- await waitFor ( ( ) => rendered . getByText ( 'data: 2' ) )
395
- await waitFor ( ( ) => rendered . getByText ( 'fetching: false' ) )
413
+ await waitFor ( ( ) =>
414
+ expect ( rendered . getByText ( 'fetching: true' ) ) . toBeInTheDocument ( ) ,
415
+ )
416
+ await waitFor ( ( ) =>
417
+ expect ( rendered . getByText ( 'data: 2' ) ) . toBeInTheDocument ( ) ,
418
+ )
419
+ await waitFor ( ( ) =>
420
+ expect ( rendered . getByText ( 'fetching: false' ) ) . toBeInTheDocument ( ) ,
421
+ )
396
422
} )
397
423
398
424
it ( 'should suspend when switching to a new query' , async ( ) => {
@@ -436,11 +462,19 @@ describe("useQuery's in Suspense mode", () => {
436
462
</ QueryClientProvider >
437
463
) )
438
464
439
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
440
- await waitFor ( ( ) => rendered . getByText ( `data: ${ key1 } ` ) )
465
+ await waitFor ( ( ) =>
466
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
467
+ )
468
+ await waitFor ( ( ) =>
469
+ expect ( rendered . getByText ( `data: ${ key1 } ` ) ) . toBeInTheDocument ( ) ,
470
+ )
441
471
fireEvent . click ( rendered . getByText ( 'switch' ) )
442
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
443
- await waitFor ( ( ) => rendered . getByText ( `data: ${ key2 } ` ) )
472
+ await waitFor ( ( ) =>
473
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
474
+ )
475
+ await waitFor ( ( ) =>
476
+ expect ( rendered . getByText ( `data: ${ key2 } ` ) ) . toBeInTheDocument ( ) ,
477
+ )
444
478
} )
445
479
446
480
it ( 'should throw errors to the error boundary by default' , async ( ) => {
@@ -491,8 +525,12 @@ describe("useQuery's in Suspense mode", () => {
491
525
</ QueryClientProvider >
492
526
) )
493
527
494
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
495
- await waitFor ( ( ) => rendered . getByText ( 'error boundary' ) )
528
+ await waitFor ( ( ) =>
529
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
530
+ )
531
+ await waitFor ( ( ) =>
532
+ expect ( rendered . getByText ( 'error boundary' ) ) . toBeInTheDocument ( ) ,
533
+ )
496
534
497
535
consoleMock . mockRestore ( )
498
536
} )
@@ -541,8 +579,12 @@ describe("useQuery's in Suspense mode", () => {
541
579
</ QueryClientProvider >
542
580
) )
543
581
544
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
545
- await waitFor ( ( ) => rendered . getByText ( 'rendered' ) )
582
+ await waitFor ( ( ) =>
583
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
584
+ )
585
+ await waitFor ( ( ) =>
586
+ expect ( rendered . getByText ( 'rendered' ) ) . toBeInTheDocument ( ) ,
587
+ )
546
588
} )
547
589
548
590
it ( 'should throw errors to the error boundary when a throwOnError function returns true' , async ( ) => {
@@ -593,8 +635,12 @@ describe("useQuery's in Suspense mode", () => {
593
635
</ QueryClientProvider >
594
636
) )
595
637
596
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
597
- await waitFor ( ( ) => rendered . getByText ( 'error boundary' ) )
638
+ await waitFor ( ( ) =>
639
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
640
+ )
641
+ await waitFor ( ( ) =>
642
+ expect ( rendered . getByText ( 'error boundary' ) ) . toBeInTheDocument ( ) ,
643
+ )
598
644
599
645
consoleMock . mockRestore ( )
600
646
} )
@@ -645,8 +691,12 @@ describe("useQuery's in Suspense mode", () => {
645
691
</ QueryClientProvider >
646
692
) )
647
693
648
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
649
- await waitFor ( ( ) => rendered . getByText ( 'rendered' ) )
694
+ await waitFor ( ( ) =>
695
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
696
+ )
697
+ await waitFor ( ( ) =>
698
+ expect ( rendered . getByText ( 'rendered' ) ) . toBeInTheDocument ( ) ,
699
+ )
650
700
} )
651
701
652
702
it ( 'should not call the queryFn when not enabled' , async ( ) => {
@@ -751,16 +801,22 @@ describe("useQuery's in Suspense mode", () => {
751
801
) )
752
802
753
803
// render suspense fallback (Loading...)
754
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
804
+ await waitFor ( ( ) =>
805
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
806
+ )
755
807
// resolve promise -> render Page (rendered)
756
- await waitFor ( ( ) => rendered . getByText ( 'rendered' ) )
808
+ await waitFor ( ( ) =>
809
+ expect ( rendered . getByText ( 'rendered' ) ) . toBeInTheDocument ( ) ,
810
+ )
757
811
758
812
// change query key
759
813
succeed = false
760
814
// reset query -> and throw error
761
815
fireEvent . click ( rendered . getByLabelText ( 'fail' ) )
762
816
// render error boundary fallback (error boundary)
763
- await waitFor ( ( ) => rendered . getByText ( 'error boundary' ) )
817
+ await waitFor ( ( ) =>
818
+ expect ( rendered . getByText ( 'error boundary' ) ) . toBeInTheDocument ( ) ,
819
+ )
764
820
765
821
consoleMock . mockRestore ( )
766
822
} )
@@ -815,16 +871,22 @@ describe("useQuery's in Suspense mode", () => {
815
871
) )
816
872
817
873
// render suspense fallback (Loading...)
818
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
874
+ await waitFor ( ( ) =>
875
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
876
+ )
819
877
// resolve promise -> render Page (rendered)
820
- await waitFor ( ( ) => rendered . getByText ( 'rendered' ) )
878
+ await waitFor ( ( ) =>
879
+ expect ( rendered . getByText ( 'rendered' ) ) . toBeInTheDocument ( ) ,
880
+ )
821
881
822
882
// change promise result to error
823
883
succeed = false
824
884
// change query key
825
885
fireEvent . click ( rendered . getByLabelText ( 'fail' ) )
826
886
// render error boundary fallback (error boundary)
827
- await waitFor ( ( ) => rendered . getByText ( 'error boundary' ) )
887
+ await waitFor ( ( ) =>
888
+ expect ( rendered . getByText ( 'error boundary' ) ) . toBeInTheDocument ( ) ,
889
+ )
828
890
829
891
consoleMock . mockRestore ( )
830
892
} )
@@ -881,16 +943,22 @@ describe("useQuery's in Suspense mode", () => {
881
943
) )
882
944
883
945
// render empty data with 'rendered' when enabled is false
884
- await waitFor ( ( ) => rendered . getByText ( 'rendered' ) )
946
+ await waitFor ( ( ) =>
947
+ expect ( rendered . getByText ( 'rendered' ) ) . toBeInTheDocument ( ) ,
948
+ )
885
949
886
950
// change enabled to true
887
951
fireEvent . click ( rendered . getByLabelText ( 'fail' ) )
888
952
889
953
// render pending fallback
890
- await waitFor ( ( ) => rendered . getByText ( 'Loading...' ) )
954
+ await waitFor ( ( ) =>
955
+ expect ( rendered . getByText ( 'Loading...' ) ) . toBeInTheDocument ( ) ,
956
+ )
891
957
892
958
// render error boundary fallback (error boundary)
893
- await waitFor ( ( ) => rendered . getByText ( 'error boundary' ) )
959
+ await waitFor ( ( ) =>
960
+ expect ( rendered . getByText ( 'error boundary' ) ) . toBeInTheDocument ( ) ,
961
+ )
894
962
895
963
consoleMock . mockRestore ( )
896
964
} )
0 commit comments