Skip to content

test(react-query/useSuspenseQueries): use precise time in 'advanceTimersByTimeAsync', and add 'expect' using 'toBeInTheDocument' #9450

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

Conversation

sukvvon
Copy link
Contributor

@sukvvon sukvvon commented Jul 18, 2025

No description provided.

…ersByTimeAsync', and add 'expect' using 'toBeInTheDocument'
Copy link

nx-cloud bot commented Jul 18, 2025

View your CI Pipeline Execution ↗ for commit bdf6688

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

☁️ Nx Cloud last updated this comment at 2025-07-20 04:06:19 UTC

Copy link

pkg-pr-new bot commented Jul 18, 2025

More templates

@tanstack/angular-query-devtools-experimental

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

@tanstack/angular-query-experimental

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

@tanstack/eslint-plugin-query

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

@tanstack/query-async-storage-persister

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

@tanstack/query-broadcast-client-experimental

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

@tanstack/query-core

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

@tanstack/query-devtools

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

@tanstack/query-persist-client-core

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

@tanstack/query-sync-storage-persister

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

@tanstack/react-query

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

@tanstack/react-query-devtools

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

@tanstack/react-query-next-experimental

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

@tanstack/react-query-persist-client

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

@tanstack/solid-query

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

@tanstack/solid-query-devtools

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

@tanstack/solid-query-persist-client

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

@tanstack/svelte-query

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

@tanstack/svelte-query-devtools

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

@tanstack/svelte-query-persist-client

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

@tanstack/vue-query

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

@tanstack/vue-query-devtools

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

commit: bdf6688

Copy link

codecov bot commented Jul 18, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.38%. Comparing base (ff13c2e) to head (bdf6688).
Report is 1 commits behind head on main.

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff             @@
##             main    #9450       +/-   ##
===========================================
+ Coverage   45.30%   84.38%   +39.07%     
===========================================
  Files         208       26      -182     
  Lines        8283      365     -7918     
  Branches     1865      107     -1758     
===========================================
- Hits         3753      308     -3445     
+ Misses       4085       48     -4037     
+ Partials      445        9      -436     
Components Coverage Δ
@tanstack/angular-query-devtools-experimental ∅ <ø> (∅)
@tanstack/angular-query-experimental ∅ <ø> (∅)
@tanstack/eslint-plugin-query ∅ <ø> (∅)
@tanstack/query-async-storage-persister ∅ <ø> (∅)
@tanstack/query-broadcast-client-experimental ∅ <ø> (∅)
@tanstack/query-codemods ∅ <ø> (∅)
@tanstack/query-core ∅ <ø> (∅)
@tanstack/query-devtools ∅ <ø> (∅)
@tanstack/query-persist-client-core ∅ <ø> (∅)
@tanstack/query-sync-storage-persister ∅ <ø> (∅)
@tanstack/query-test-utils ∅ <ø> (∅)
@tanstack/react-query 95.95% <ø> (ø)
@tanstack/react-query-devtools 10.00% <ø> (ø)
@tanstack/react-query-next-experimental ∅ <ø> (∅)
@tanstack/react-query-persist-client 100.00% <ø> (ø)
@tanstack/solid-query ∅ <ø> (∅)
@tanstack/solid-query-devtools ∅ <ø> (∅)
@tanstack/solid-query-persist-client ∅ <ø> (∅)
@tanstack/svelte-query ∅ <ø> (∅)
@tanstack/svelte-query-devtools ∅ <ø> (∅)
@tanstack/svelte-query-persist-client ∅ <ø> (∅)
@tanstack/vue-query ∅ <ø> (∅)
@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.

@sukvvon sukvvon marked this pull request as draft July 19, 2025 18:20
@sukvvon sukvvon marked this pull request as ready for review July 20, 2025 04:01
@@ -311,7 +311,7 @@ describe('useSuspenseQueries 2', () => {

const { data } = useSuspenseQuery({
queryKey: [id],
queryFn: () => Promise.resolve(`Data ${id}`),
queryFn: () => sleep(10).then(() => `Data ${id}`),
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍

Comment on lines -642 to -649
await act(() => vi.advanceTimersByTimeAsync(200))
rendered.getByText('loading')
// unmount while still fetching
expect(rendered.getByText('loading')).toBeInTheDocument()
fireEvent.click(rendered.getByText('hide'))
await act(() => vi.advanceTimersByTimeAsync(800))
rendered.getByText('page2')
expect(rendered.getByText('page2')).toBeInTheDocument()
// wait for query to be resolved
await act(() => vi.advanceTimersByTimeAsync(2000))
Copy link
Collaborator

Choose a reason for hiding this comment

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

👍👍👍

@manudeli manudeli merged commit ac5d858 into TanStack:main Jul 20, 2025
7 checks passed
await sleep(10)
return 'data' + count
},
queryFn: async () => sleep(10).then(() => 'data' + count),
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Suggested change
queryFn: async () => sleep(10).then(() => 'data' + count),
queryFn: () => sleep(10).then(() => 'data' + count),

Copy link
Contributor Author

@sukvvon sukvvon Jul 20, 2025

Choose a reason for hiding this comment

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

@manudeli

I missed this. I gonna fix this next time

@sukvvon sukvvon deleted the test/react-query-useSuspenseQueries-use-precise-time-advanceTimersByTimeAsync branch July 20, 2025 04:11
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