@tanstack/solid-query 4.14.3 → 4.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/solid/__tests__/createInfiniteQuery.test.jsx +16 -0
- package/build/solid/__tests__/createQuery.test.jsx +0 -32
- package/build/umd/index.development.js +26 -13
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +1 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +2 -2
- package/src/__tests__/createInfiniteQuery.test.tsx +16 -0
- package/src/__tests__/createQuery.test.tsx +0 -40
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/solid-query",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.15.0",
|
|
4
4
|
"description": "Primitives for managing, caching and syncing asynchronous and remote data in Solid",
|
|
5
5
|
"author": "tannerlinsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"solid-jest": "^0.2.0"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@tanstack/query-core": "4.
|
|
39
|
+
"@tanstack/query-core": "4.15.0"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"solid-js": "^1.5.7"
|
|
@@ -555,24 +555,28 @@ describe('useInfiniteQuery', () => {
|
|
|
555
555
|
data: undefined,
|
|
556
556
|
isFetching: true,
|
|
557
557
|
isFetchingNextPage: false,
|
|
558
|
+
isRefetching: false,
|
|
558
559
|
})
|
|
559
560
|
// Initial fetch done
|
|
560
561
|
expect(states[1]).toMatchObject({
|
|
561
562
|
data: { pages: [10] },
|
|
562
563
|
isFetching: false,
|
|
563
564
|
isFetchingNextPage: false,
|
|
565
|
+
isRefetching: false,
|
|
564
566
|
})
|
|
565
567
|
// Fetch next page
|
|
566
568
|
expect(states[2]).toMatchObject({
|
|
567
569
|
data: { pages: [10] },
|
|
568
570
|
isFetching: true,
|
|
569
571
|
isFetchingNextPage: true,
|
|
572
|
+
isRefetching: false,
|
|
570
573
|
})
|
|
571
574
|
// Fetch next page done
|
|
572
575
|
expect(states[3]).toMatchObject({
|
|
573
576
|
data: { pages: [10, 11] },
|
|
574
577
|
isFetching: false,
|
|
575
578
|
isFetchingNextPage: false,
|
|
579
|
+
isRefetching: false,
|
|
576
580
|
})
|
|
577
581
|
// Fetch previous page
|
|
578
582
|
expect(states[4]).toMatchObject({
|
|
@@ -580,6 +584,7 @@ describe('useInfiniteQuery', () => {
|
|
|
580
584
|
isFetching: true,
|
|
581
585
|
isFetchingNextPage: false,
|
|
582
586
|
isFetchingPreviousPage: true,
|
|
587
|
+
isRefetching: false,
|
|
583
588
|
})
|
|
584
589
|
// Fetch previous page done
|
|
585
590
|
expect(states[5]).toMatchObject({
|
|
@@ -587,6 +592,7 @@ describe('useInfiniteQuery', () => {
|
|
|
587
592
|
isFetching: false,
|
|
588
593
|
isFetchingNextPage: false,
|
|
589
594
|
isFetchingPreviousPage: false,
|
|
595
|
+
isRefetching: false,
|
|
590
596
|
})
|
|
591
597
|
// Refetch
|
|
592
598
|
expect(states[6]).toMatchObject({
|
|
@@ -594,6 +600,7 @@ describe('useInfiniteQuery', () => {
|
|
|
594
600
|
isFetching: true,
|
|
595
601
|
isFetchingNextPage: false,
|
|
596
602
|
isFetchingPreviousPage: false,
|
|
603
|
+
isRefetching: true,
|
|
597
604
|
})
|
|
598
605
|
// Refetch done
|
|
599
606
|
expect(states[7]).toMatchObject({
|
|
@@ -601,6 +608,7 @@ describe('useInfiniteQuery', () => {
|
|
|
601
608
|
isFetching: false,
|
|
602
609
|
isFetchingNextPage: false,
|
|
603
610
|
isFetchingPreviousPage: false,
|
|
611
|
+
isRefetching: false,
|
|
604
612
|
})
|
|
605
613
|
})
|
|
606
614
|
|
|
@@ -661,24 +669,28 @@ describe('useInfiniteQuery', () => {
|
|
|
661
669
|
data: undefined,
|
|
662
670
|
isFetching: true,
|
|
663
671
|
isFetchingNextPage: false,
|
|
672
|
+
isRefetching: false,
|
|
664
673
|
})
|
|
665
674
|
// Initial fetch done
|
|
666
675
|
expect(states[1]).toMatchObject({
|
|
667
676
|
data: { pages: [10] },
|
|
668
677
|
isFetching: false,
|
|
669
678
|
isFetchingNextPage: false,
|
|
679
|
+
isRefetching: false,
|
|
670
680
|
})
|
|
671
681
|
// Fetch next page
|
|
672
682
|
expect(states[2]).toMatchObject({
|
|
673
683
|
data: { pages: [10] },
|
|
674
684
|
isFetching: true,
|
|
675
685
|
isFetchingNextPage: true,
|
|
686
|
+
isRefetching: false,
|
|
676
687
|
})
|
|
677
688
|
// Fetch next page done
|
|
678
689
|
expect(states[3]).toMatchObject({
|
|
679
690
|
data: { pages: [10, 11] },
|
|
680
691
|
isFetching: false,
|
|
681
692
|
isFetchingNextPage: false,
|
|
693
|
+
isRefetching: false,
|
|
682
694
|
})
|
|
683
695
|
// Fetch previous page
|
|
684
696
|
expect(states[4]).toMatchObject({
|
|
@@ -686,6 +698,7 @@ describe('useInfiniteQuery', () => {
|
|
|
686
698
|
isFetching: true,
|
|
687
699
|
isFetchingNextPage: false,
|
|
688
700
|
isFetchingPreviousPage: true,
|
|
701
|
+
isRefetching: false,
|
|
689
702
|
})
|
|
690
703
|
// Fetch previous page done
|
|
691
704
|
expect(states[5]).toMatchObject({
|
|
@@ -693,6 +706,7 @@ describe('useInfiniteQuery', () => {
|
|
|
693
706
|
isFetching: false,
|
|
694
707
|
isFetchingNextPage: false,
|
|
695
708
|
isFetchingPreviousPage: false,
|
|
709
|
+
isRefetching: false,
|
|
696
710
|
})
|
|
697
711
|
// Refetch
|
|
698
712
|
expect(states[6]).toMatchObject({
|
|
@@ -700,6 +714,7 @@ describe('useInfiniteQuery', () => {
|
|
|
700
714
|
isFetching: true,
|
|
701
715
|
isFetchingNextPage: false,
|
|
702
716
|
isFetchingPreviousPage: false,
|
|
717
|
+
isRefetching: true,
|
|
703
718
|
})
|
|
704
719
|
// Refetch done
|
|
705
720
|
expect(states[7]).toMatchObject({
|
|
@@ -707,6 +722,7 @@ describe('useInfiniteQuery', () => {
|
|
|
707
722
|
isFetching: false,
|
|
708
723
|
isFetchingNextPage: false,
|
|
709
724
|
isFetchingPreviousPage: false,
|
|
725
|
+
isRefetching: false,
|
|
710
726
|
})
|
|
711
727
|
})
|
|
712
728
|
|
|
@@ -2424,46 +2424,6 @@ describe('createQuery', () => {
|
|
|
2424
2424
|
expect(states[2]).toMatchObject({ isStale: true })
|
|
2425
2425
|
})
|
|
2426
2426
|
|
|
2427
|
-
it('should notify query cache when a query becomes stale', async () => {
|
|
2428
|
-
const key = queryKey()
|
|
2429
|
-
const states: CreateQueryResult<string>[] = []
|
|
2430
|
-
const fn = jest.fn()
|
|
2431
|
-
|
|
2432
|
-
const unsubscribe = queryCache.subscribe(fn)
|
|
2433
|
-
|
|
2434
|
-
function Page() {
|
|
2435
|
-
const state = createQuery(key, () => 'test', {
|
|
2436
|
-
staleTime: 10,
|
|
2437
|
-
})
|
|
2438
|
-
createRenderEffect(() => {
|
|
2439
|
-
states.push({ ...state })
|
|
2440
|
-
})
|
|
2441
|
-
return null
|
|
2442
|
-
}
|
|
2443
|
-
|
|
2444
|
-
render(() => (
|
|
2445
|
-
<QueryClientProvider client={queryClient}>
|
|
2446
|
-
<Page />
|
|
2447
|
-
</QueryClientProvider>
|
|
2448
|
-
))
|
|
2449
|
-
|
|
2450
|
-
await sleep(20)
|
|
2451
|
-
unsubscribe()
|
|
2452
|
-
|
|
2453
|
-
// 1. Query added -> loading
|
|
2454
|
-
// 2. Observer result updated -> loading
|
|
2455
|
-
// 3. Observer added
|
|
2456
|
-
// 4. Query updated -> success
|
|
2457
|
-
// 5. Observer result updated -> success
|
|
2458
|
-
// 6. Query updated -> stale
|
|
2459
|
-
// 7. Observer options updated
|
|
2460
|
-
// 8. Observer result updated -> stale
|
|
2461
|
-
// 9. Observer options updated
|
|
2462
|
-
// Number 9 wont run in Solid JS
|
|
2463
|
-
// Number 9 runs in react because the component re-renders after 8
|
|
2464
|
-
expect(fn).toHaveBeenCalledTimes(8)
|
|
2465
|
-
})
|
|
2466
|
-
|
|
2467
2427
|
it('should not re-render when it should only re-render on data changes and the data did not change', async () => {
|
|
2468
2428
|
const key = queryKey()
|
|
2469
2429
|
const states: CreateQueryResult<string>[] = []
|