test(react-query/ssr): add 'useMutation' and 'useMutationState' tests for SSR (#9995)

* test(react-query/ssr): add 'useMutation' and 'useMutationState' tests for SSR

* test(react-query/ssr): add 'queryCache.clear()' to 'useMutation' and 'useMutationState' tests

* chore(ci): trigger CI rerun

* ci: trigger CI re-run

* ci: trigger CI re-run

---------

Co-authored-by: Jonghyeon Ko <jonghyeon@toss.im>
Co-authored-by: Dominik Dorfmeister <office@dorfmeister.cc>

Author: 3 people

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

@@ -8,6 +8,8 @@ import {
   QueryClientProvider,
   useInfiniteQuery,
   useIsFetching,
+  useMutation,
+  useMutationState,
   useQueries,
   useQuery,
 } from '..'
@@ -248,4 +250,42 @@ describe('Server Side Rendering', () => {
 
     queryCache.clear()
   })
+
+  it('useMutation should return idle status', () => {
+    function Page() {
+      const mutation = useMutation({
+        mutationFn: () => sleep(10).then(() => 'data'),
+      })
+
+      return <div>{`status: ${mutation.status}`}</div>
+    }
+
+    const markup = renderToString(
+      <QueryClientProvider client={queryClient}>
+        <Page />
+      </QueryClientProvider>,
+    )
+
+    expect(markup).toContain('status: idle')
+
+    queryCache.clear()
+  })
+
+  it('useMutationState should return empty array', () => {
+    function Page() {
+      const mutationState = useMutationState()
+
+      return <div>{`mutationState: ${mutationState.length}`}</div>
+    }
+
+    const markup = renderToString(
+      <QueryClientProvider client={queryClient}>
+        <Page />
+      </QueryClientProvider>,
+    )
+
+    expect(markup).toContain('mutationState: 0')
+
+    queryCache.clear()
+  })
 })