test(react-query): use test-d file for useMutationState (#9075)

Author: manudeli

packages/react-query/src/__tests__/useMutationState.test-d.tsx

@@ -0,0 +1,23 @@
+import { describe, expectTypeOf, it } from 'vitest'
+import { useMutationState } from '../useMutationState'
+import type { MutationState, MutationStatus } from '@tanstack/query-core'
+
+describe('useMutationState', () => {
+  it('should default to QueryState', () => {
+    const result = useMutationState({
+      filters: { status: 'pending' },
+    })
+
+    expectTypeOf(result).toEqualTypeOf<
+      Array<MutationState<unknown, Error, unknown, unknown>>
+    >()
+  })
+  it('should infer with select', () => {
+    const result = useMutationState({
+      filters: { status: 'pending' },
+      select: (mutation) => mutation.state.status,
+    })
+
+    expectTypeOf(result).toEqualTypeOf<Array<MutationStatus>>()
+  })
+})

packages/react-query/src/__tests__/useMutationState.test.tsx

@@ -1,23 +1,9 @@
-import {
-  afterEach,
-  beforeEach,
-  describe,
-  expect,
-  expectTypeOf,
-  it,
-  vi,
-} from 'vitest'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { fireEvent, render } from '@testing-library/react'
 import * as React from 'react'
 import { useIsMutating, useMutationState } from '../useMutationState'
 import { useMutation } from '../useMutation'
-import {
-  createQueryClient,
-  doNotExecute,
-  renderWithClient,
-  sleep,
-} from './utils'
-import type { MutationState, MutationStatus } from '@tanstack/query-core'
+import { createQueryClient, renderWithClient, sleep } from './utils'
 
 describe('useIsMutating', () => {
   beforeEach(() => {
@@ -182,27 +168,6 @@ describe('useIsMutating', () => {
 })
 
 describe('useMutationState', () => {
-  describe('types', () => {
-    it('should default to QueryState', () => {
-      doNotExecute(() => {
-        const result = useMutationState({
-          filters: { status: 'pending' },
-        })
-
-        expectTypeOf(result).toEqualTypeOf<Array<MutationState>>()
-      })
-    })
-    it('should infer with select', () => {
-      doNotExecute(() => {
-        const result = useMutationState({
-          filters: { status: 'pending' },
-          select: (mutation) => mutation.state.status,
-        })
-
-        expectTypeOf(result).toEqualTypeOf<Array<MutationStatus>>()
-      })
-    })
-  })
   it('should return variables after calling mutate', async () => {
     const queryClient = createQueryClient()
     const variables: Array<Array<unknown>> = []

packages/react-query/src/__tests__/utils.tsx

@@ -92,5 +92,3 @@ export function setIsServer(isServer: boolean) {
     })
   }
 }
-
-export const doNotExecute = (_func: () => void) => true