Skip to content

test(query-core): add test case for infiniteQueryBehavior #9101

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

minseong0324
Copy link
Contributor

I improved test coverage of infiniteQueryBehavior from 94.54% to 100%

Before

image

After

image

Copy link

nx-cloud bot commented May 3, 2025

View your CI Pipeline Execution ↗ for commit f0e7fad.

Command Status Duration Result
nx affected --targets=test:sherif,test:knip,tes... ✅ Succeeded 3m 58s View ↗
nx run-many --target=build --exclude=examples/*... ✅ Succeeded 1m 44s View ↗

☁️ Nx Cloud last updated this comment at 2025-05-04 10:03:10 UTC

Copy link

pkg-pr-new bot commented May 3, 2025

More templates

@tanstack/angular-query-devtools-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-devtools-experimental@9101

@tanstack/angular-query-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-experimental@9101

@tanstack/eslint-plugin-query

npm i https://pkg.pr.new/@tanstack/eslint-plugin-query@9101

@tanstack/query-async-storage-persister

npm i https://pkg.pr.new/@tanstack/query-async-storage-persister@9101

@tanstack/query-broadcast-client-experimental

npm i https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@9101

@tanstack/query-core

npm i https://pkg.pr.new/@tanstack/query-core@9101

@tanstack/query-devtools

npm i https://pkg.pr.new/@tanstack/query-devtools@9101

@tanstack/query-persist-client-core

npm i https://pkg.pr.new/@tanstack/query-persist-client-core@9101

@tanstack/query-sync-storage-persister

npm i https://pkg.pr.new/@tanstack/query-sync-storage-persister@9101

@tanstack/react-query

npm i https://pkg.pr.new/@tanstack/react-query@9101

@tanstack/react-query-devtools

npm i https://pkg.pr.new/@tanstack/react-query-devtools@9101

@tanstack/react-query-next-experimental

npm i https://pkg.pr.new/@tanstack/react-query-next-experimental@9101

@tanstack/react-query-persist-client

npm i https://pkg.pr.new/@tanstack/react-query-persist-client@9101

@tanstack/solid-query

npm i https://pkg.pr.new/@tanstack/solid-query@9101

@tanstack/solid-query-devtools

npm i https://pkg.pr.new/@tanstack/solid-query-devtools@9101

@tanstack/solid-query-persist-client

npm i https://pkg.pr.new/@tanstack/solid-query-persist-client@9101

@tanstack/svelte-query

npm i https://pkg.pr.new/@tanstack/svelte-query@9101

@tanstack/svelte-query-devtools

npm i https://pkg.pr.new/@tanstack/svelte-query-devtools@9101

@tanstack/svelte-query-persist-client

npm i https://pkg.pr.new/@tanstack/svelte-query-persist-client@9101

@tanstack/vue-query

npm i https://pkg.pr.new/@tanstack/vue-query@9101

@tanstack/vue-query-devtools

npm i https://pkg.pr.new/@tanstack/vue-query-devtools@9101

commit: f0e7fad

Copy link

codecov bot commented May 4, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 58.84%. Comparing base (2121836) to head (f0e7fad).

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff             @@
##             main    #9101       +/-   ##
===========================================
+ Coverage   44.50%   58.84%   +14.34%     
===========================================
  Files         204      139       -65     
  Lines        8148     5402     -2746     
  Branches     1817     1438      -379     
===========================================
- Hits         3626     3179      -447     
+ Misses       4079     1923     -2156     
+ Partials      443      300      -143     
Components Coverage Δ
@tanstack/angular-query-devtools-experimental ∅ <ø> (∅)
@tanstack/angular-query-experimental 85.23% <ø> (ø)
@tanstack/eslint-plugin-query ∅ <ø> (∅)
@tanstack/query-async-storage-persister 43.85% <ø> (ø)
@tanstack/query-broadcast-client-experimental 24.39% <ø> (ø)
@tanstack/query-codemods ∅ <ø> (∅)
@tanstack/query-core 96.14% <ø> (+0.17%) ⬆️
@tanstack/query-devtools 3.61% <ø> (ø)
@tanstack/query-persist-client-core 73.46% <ø> (ø)
@tanstack/query-sync-storage-persister 84.61% <ø> (ø)
@tanstack/react-query 95.42% <ø> (ø)
@tanstack/react-query-devtools 10.00% <ø> (ø)
@tanstack/react-query-next-experimental ∅ <ø> (∅)
@tanstack/react-query-persist-client 100.00% <ø> (ø)
@tanstack/solid-query 78.48% <ø> (ø)
@tanstack/solid-query-devtools ∅ <ø> (∅)
@tanstack/solid-query-persist-client 100.00% <ø> (ø)
@tanstack/svelte-query 88.15% <ø> (ø)
@tanstack/svelte-query-devtools ∅ <ø> (∅)
@tanstack/svelte-query-persist-client 100.00% <ø> (ø)
@tanstack/vue-query 71.10% <ø> (ø)
@tanstack/vue-query-devtools ∅ <ø> (∅)
🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@manudeli manudeli self-requested a review May 5, 2025 05:13
Comment on lines +446 to +465
const key = queryKey()

const queryFnSpy = vi.fn().mockImplementation(({ pageParam }) => {
return pageParam
})

const observer = new InfiniteQueryObserver<number>(queryClient, {
queryKey: key,
queryFn: queryFnSpy,
getNextPageParam: (lastPage) => (lastPage === 1 ? null : lastPage + 1),
initialPageParam: 1,
})

let observerResult:
| InfiniteQueryObserverResult<unknown, unknown>
| undefined

const unsubscribe = observer.subscribe((result) => {
observerResult = result
})
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In my opinion, this test don't need mocked function

Suggested change
const key = queryKey()
const queryFnSpy = vi.fn().mockImplementation(({ pageParam }) => {
return pageParam
})
const observer = new InfiniteQueryObserver<number>(queryClient, {
queryKey: key,
queryFn: queryFnSpy,
getNextPageParam: (lastPage) => (lastPage === 1 ? null : lastPage + 1),
initialPageParam: 1,
})
let observerResult:
| InfiniteQueryObserverResult<unknown, unknown>
| undefined
const unsubscribe = observer.subscribe((result) => {
observerResult = result
})
const key = queryKey()
const observer = new InfiniteQueryObserver(queryClient, {
queryKey: key,
queryFn: ({ pageParam }) => sleep(0).then(() => pageParam),
getNextPageParam: (lastPage) => (lastPage === 1 ? null : lastPage + 1),
initialPageParam: 1,
})
let observerResult:
| InfiniteQueryObserverResult<InfiniteData<number, unknown>, Error>
| undefined
const unsubscribe = observer.subscribe((result) => {
observerResult = result
})

@@ -441,4 +441,71 @@ describe('InfiniteQueryBehavior', () => {

unsubscribe()
})

test('InfiniteQueryBehavior should handle null page parameters correctly', async () => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The test name InfiniteQueryBehavior should handle null page parameters correctly is a bit vague. Consider specifying what “correctly” means in this context

Comment on lines +487 to +489
const queryFnSpy = vi.fn().mockImplementation(({ pageParam }) => {
return pageParam
})
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This function don't have to be mocked

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants