diff --git a/packages/svelte-query/tests/useIsMutating/useIsMutating.test.ts b/packages/svelte-query/tests/useIsMutating/useIsMutating.test.ts index 85725d292d..d3ec08a5fe 100644 --- a/packages/svelte-query/tests/useIsMutating/useIsMutating.test.ts +++ b/packages/svelte-query/tests/useIsMutating/useIsMutating.test.ts @@ -1,14 +1,28 @@ -import { describe, test } from 'vitest' +import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest' import { fireEvent, render } from '@testing-library/svelte' import BaseExample from './BaseExample.svelte' describe('useIsFetching', () => { + beforeEach(() => { + vi.useFakeTimers() + }) + + afterEach(() => { + vi.useRealTimers() + }) + test('should update as queries start and stop fetching', async () => { const rendered = render(BaseExample) - await rendered.findByText('isMutating: 0') + await vi.waitFor(() => + expect(rendered.getByText('isMutating: 0')).toBeInTheDocument(), + ) fireEvent.click(rendered.getByRole('button', { name: /Trigger/i })) - await rendered.findByText('isMutating: 1') - await rendered.findByText('isMutating: 0') + await vi.waitFor(() => + expect(rendered.getByText('isMutating: 1')).toBeInTheDocument(), + ) + await vi.waitFor(() => + expect(rendered.getByText('isMutating: 0')).toBeInTheDocument(), + ) }) })