test(svelte-query/useIsMutating): switch to fake timers, add 'expect', 'vi.waitFor', and replace 'findByText' with 'getByText' (#9387)

Co-authored-by: Jonghyeon Ko <[email protected]>

Author: sukvvon

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(),
+    )
   })
 })