diff --git a/packages/solid-query/src/__tests__/useIsMutating.test.tsx b/packages/solid-query/src/__tests__/useIsMutating.test.tsx index 0a8dd6c199..e7e491342f 100644 --- a/packages/solid-query/src/__tests__/useIsMutating.test.tsx +++ b/packages/solid-query/src/__tests__/useIsMutating.test.tsx @@ -1,5 +1,5 @@ -import { describe, expect, it, vi } from 'vitest' -import { fireEvent, render, waitFor } from '@solidjs/testing-library' +import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest' +import { fireEvent, render } from '@solidjs/testing-library' import { Show, createEffect, createRenderEffect, createSignal } from 'solid-js' import * as QueryCore from '@tanstack/query-core' import { sleep } from '@tanstack/query-test-utils' @@ -12,6 +12,14 @@ import { import { setActTimeout } from './utils' describe('useIsMutating', () => { + beforeEach(() => { + vi.useFakeTimers() + }) + + afterEach(() => { + vi.useRealTimers() + }) + it('should return the number of fetching mutations', async () => { const isMutatingArray: Array = [] const queryClient = new QueryClient() @@ -64,7 +72,7 @@ describe('useIsMutating', () => { )) - await waitFor(() => expect(isMutatingArray).toEqual([0, 1, 2, 1, 0])) + await vi.waitFor(() => expect(isMutatingArray).toEqual([0, 1, 2, 1, 0])) }) it('should filter correctly by mutationKey', async () => { @@ -109,7 +117,7 @@ describe('useIsMutating', () => { )) // Unlike React, IsMutating Wont re-render twice with mutation2 - await waitFor(() => expect(isMutatingArray).toEqual([0, 1, 0])) + await vi.waitFor(() => expect(isMutatingArray).toEqual([0, 1, 0])) }) it('should filter correctly by predicate', async () => { @@ -158,7 +166,7 @@ describe('useIsMutating', () => { )) // Again, No unnecessary re-renders like React - await waitFor(() => expect(isMutatingArray).toEqual([0, 1, 0])) + await vi.waitFor(() => expect(isMutatingArray).toEqual([0, 1, 0])) }) it('should use provided custom queryClient', async () => { @@ -188,7 +196,7 @@ describe('useIsMutating', () => { const rendered = render(() => ) - await waitFor(() => + await vi.waitFor(() => expect(rendered.getByText('mutating: 1')).toBeInTheDocument(), ) }) @@ -251,7 +259,7 @@ describe('useIsMutating', () => { // Should not display the console error // "Warning: Can't perform a React state update on an unmounted component" - await sleep(20) + await vi.advanceTimersByTimeAsync(20) MutationCacheSpy.mockRestore() }) })