From 05579f844c697f0f0be48f4c9f6f13a491fe0324 Mon Sep 17 00:00:00 2001 From: Lachlan Collins <1667261+lachlancollins@users.noreply.github.com> Date: Tue, 30 Sep 2025 13:58:31 +1000 Subject: [PATCH 1/3] test(svelte-query): add infiniteQuery setQueryData test --- .../createInfiniteQuery/ChangeClient.svelte | 40 +++++++++++++++++++ .../createInfiniteQuery.test.ts | 35 +++++++++++++--- 2 files changed, 70 insertions(+), 5 deletions(-) create mode 100644 packages/svelte-query/tests/createInfiniteQuery/ChangeClient.svelte diff --git a/packages/svelte-query/tests/createInfiniteQuery/ChangeClient.svelte b/packages/svelte-query/tests/createInfiniteQuery/ChangeClient.svelte new file mode 100644 index 0000000000..7bd008bccc --- /dev/null +++ b/packages/svelte-query/tests/createInfiniteQuery/ChangeClient.svelte @@ -0,0 +1,40 @@ + + + + +
Data: {JSON.stringify($query.data)}
diff --git a/packages/svelte-query/tests/createInfiniteQuery/createInfiniteQuery.test.ts b/packages/svelte-query/tests/createInfiniteQuery/createInfiniteQuery.test.ts index f01e3bac04..5e67a6d483 100644 --- a/packages/svelte-query/tests/createInfiniteQuery/createInfiniteQuery.test.ts +++ b/packages/svelte-query/tests/createInfiniteQuery/createInfiniteQuery.test.ts @@ -1,10 +1,12 @@ -import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest' -import { render } from '@testing-library/svelte' +import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest' +import { QueryClient } from '@tanstack/query-core' +import { fireEvent, render } from '@testing-library/svelte' import { get, writable } from 'svelte/store' import BaseExample from './BaseExample.svelte' import SelectExample from './SelectExample.svelte' +import ChangeClient from './ChangeClient.svelte' import type { Writable } from 'svelte/store' -import type { QueryObserverResult } from '@tanstack/query-core' +import type { QueryObserverResult } from '@tanstack/query-core' describe('createInfiniteQuery', () => { beforeEach(() => { @@ -15,7 +17,7 @@ describe('createInfiniteQuery', () => { vi.useRealTimers() }) - test('Return the correct states for a successful query', async () => { + it('should return the correct states for a successful query', async () => { const statesStore: Writable> = writable([]) const rendered = render(BaseExample, { @@ -104,7 +106,7 @@ describe('createInfiniteQuery', () => { }) }) - test('Select a part of the data', async () => { + it('should be able to select a part of the data', async () => { const statesStore: Writable> = writable([]) const rendered = render(SelectExample, { @@ -128,4 +130,27 @@ describe('createInfiniteQuery', () => { isSuccess: true, }) }) + +it('should be able to set new pages with the query client', async () => { + const statesStore: Writable> = writable([]) + const queryClient = new QueryClient() + + const rendered = render(ChangeClient, { + props: { + states: statesStore, + queryClient, + }, + }) + + await vi.advanceTimersByTimeAsync(11) + expect( + rendered.getByText('Data: {"pages":[0],"pageParams":[0]}'), + ).toBeInTheDocument() + + fireEvent.click(rendered.getByRole('button', { name: /setPages/i })) + await vi.advanceTimersByTimeAsync(11) + expect( + rendered.getByText('Data: {"pages":[7,8],"pageParams":[7,8]}'), + ).toBeInTheDocument() + }) }) From c6cd29ec7c33c3e8a01b1d0a68dd24458f8cb2b0 Mon Sep 17 00:00:00 2001 From: Lachlan Collins <1667261+lachlancollins@users.noreply.github.com> Date: Tue, 30 Sep 2025 14:01:11 +1000 Subject: [PATCH 2/3] Remove state tracking --- .../tests/createInfiniteQuery/ChangeClient.svelte | 5 ----- .../tests/createInfiniteQuery/createInfiniteQuery.test.ts | 2 -- 2 files changed, 7 deletions(-) diff --git a/packages/svelte-query/tests/createInfiniteQuery/ChangeClient.svelte b/packages/svelte-query/tests/createInfiniteQuery/ChangeClient.svelte index 7bd008bccc..d1dd0772fc 100644 --- a/packages/svelte-query/tests/createInfiniteQuery/ChangeClient.svelte +++ b/packages/svelte-query/tests/createInfiniteQuery/ChangeClient.svelte @@ -1,11 +1,8 @@
Data: {JSON.stringify($query.data)}
diff --git a/packages/svelte-query/tests/createInfiniteQuery/createInfiniteQuery.test.ts b/packages/svelte-query/tests/createInfiniteQuery/createInfiniteQuery.test.ts index 67dde790b1..14c263e2a2 100644 --- a/packages/svelte-query/tests/createInfiniteQuery/createInfiniteQuery.test.ts +++ b/packages/svelte-query/tests/createInfiniteQuery/createInfiniteQuery.test.ts @@ -6,7 +6,7 @@ import BaseExample from './BaseExample.svelte' import SelectExample from './SelectExample.svelte' import ChangeClient from './ChangeClient.svelte' import type { Writable } from 'svelte/store' -import type { QueryObserverResult } from '@tanstack/query-core' +import type { QueryObserverResult } from '@tanstack/query-core' describe('createInfiniteQuery', () => { beforeEach(() => { @@ -17,7 +17,7 @@ describe('createInfiniteQuery', () => { vi.useRealTimers() }) - it('should return the correct states for a successful query', async () => { + it('should return the correct states for a successful query', async () => { const statesStore: Writable> = writable([]) const rendered = render(BaseExample, { @@ -131,7 +131,7 @@ describe('createInfiniteQuery', () => { }) }) -it('should be able to set new pages with the query client', async () => { + it('should be able to set new pages with the query client', async () => { const queryClient = new QueryClient() const rendered = render(ChangeClient, { @@ -141,7 +141,7 @@ it('should be able to set new pages with the query client', async () => { }) await vi.advanceTimersByTimeAsync(11) - expect( + expect( rendered.getByText('Data: {"pages":[0],"pageParams":[0]}'), ).toBeInTheDocument()