Skip to content

Commit efb08aa

Browse files
sukvvonsukvvon
committed
test(solid-query): add 'renderWithClient' helper and replace inline 'QueryClientProvider' wrapping in tests
1 parent 6048592 commit efb08aa

11 files changed

Lines changed: 369 additions & 1249 deletions

‎packages/solid-query/src/__tests__/mutationOptions.test.tsx‎

Lines changed: 15 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,10 @@
11
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
2-
import { fireEvent, render } from '@solidjs/testing-library'
2+
import { fireEvent } from '@solidjs/testing-library'
33
import { createEffect, createRenderEffect } from 'solid-js'
44
import { queryKey, sleep } from '@tanstack/query-test-utils'
5-
import {
6-
QueryClient,
7-
QueryClientProvider,
8-
useIsMutating,
9-
useMutation,
10-
useMutationState,
11-
} from '..'
5+
import { QueryClient, useIsMutating, useMutation, useMutationState } from '..'
126
import { mutationOptions } from '../mutationOptions'
7+
import { renderWithClient } from './utils'
138
import type { MutationState } from '@tanstack/query-core'
149

1510
describe('mutationOptions', () => {
@@ -65,11 +60,7 @@ describe('mutationOptions', () => {
6560
)
6661
}
6762

68-
const rendered = render(() => (
69-
<QueryClientProvider client={queryClient}>
70-
<Mutation />
71-
</QueryClientProvider>
72-
))
63+
const rendered = renderWithClient(queryClient, () => <Mutation />)
7364

7465
fireEvent.click(rendered.getByRole('button', { name: /mutate/i }))
7566
expect(isMutatingArray[0]).toEqual(0)
@@ -101,11 +92,7 @@ describe('mutationOptions', () => {
10192
)
10293
}
10394

104-
const rendered = render(() => (
105-
<QueryClientProvider client={queryClient}>
106-
<Mutation />
107-
</QueryClientProvider>
108-
))
95+
const rendered = renderWithClient(queryClient, () => <Mutation />)
10996

11097
fireEvent.click(rendered.getByRole('button', { name: /mutate/i }))
11198
expect(isMutatingArray[0]).toEqual(0)
@@ -144,11 +131,7 @@ describe('mutationOptions', () => {
144131
)
145132
}
146133

147-
const rendered = render(() => (
148-
<QueryClientProvider client={queryClient}>
149-
<Mutation />
150-
</QueryClientProvider>
151-
))
134+
const rendered = renderWithClient(queryClient, () => <Mutation />)
152135

153136
fireEvent.click(rendered.getByRole('button', { name: /mutate1/i }))
154137
fireEvent.click(rendered.getByRole('button', { name: /mutate2/i }))
@@ -189,11 +172,7 @@ describe('mutationOptions', () => {
189172
)
190173
}
191174

192-
const rendered = render(() => (
193-
<QueryClientProvider client={queryClient}>
194-
<Mutation />
195-
</QueryClientProvider>
196-
))
175+
const rendered = renderWithClient(queryClient, () => <Mutation />)
197176

198177
fireEvent.click(rendered.getByRole('button', { name: /mutate1/i }))
199178
fireEvent.click(rendered.getByRole('button', { name: /mutate2/i }))
@@ -223,11 +202,7 @@ describe('mutationOptions', () => {
223202
)
224203
}
225204

226-
const rendered = render(() => (
227-
<QueryClientProvider client={queryClient}>
228-
<Mutation />
229-
</QueryClientProvider>
230-
))
205+
const rendered = renderWithClient(queryClient, () => <Mutation />)
231206

232207
const mutationCache = queryClient.getMutationCache()
233208
const unsubscribe = mutationCache.subscribe(() => {
@@ -263,11 +238,7 @@ describe('mutationOptions', () => {
263238
)
264239
}
265240

266-
const rendered = render(() => (
267-
<QueryClientProvider client={queryClient}>
268-
<Mutation />
269-
</QueryClientProvider>
270-
))
241+
const rendered = renderWithClient(queryClient, () => <Mutation />)
271242

272243
const mutationCache = queryClient.getMutationCache()
273244
const unsubscribe = mutationCache.subscribe(() => {
@@ -310,11 +281,7 @@ describe('mutationOptions', () => {
310281
)
311282
}
312283

313-
const rendered = render(() => (
314-
<QueryClientProvider client={queryClient}>
315-
<Mutation />
316-
</QueryClientProvider>
317-
))
284+
const rendered = renderWithClient(queryClient, () => <Mutation />)
318285

319286
const mutationCache = queryClient.getMutationCache()
320287
const unsubscribe = mutationCache.subscribe(() => {
@@ -358,11 +325,7 @@ describe('mutationOptions', () => {
358325
)
359326
}
360327

361-
const rendered = render(() => (
362-
<QueryClientProvider client={queryClient}>
363-
<Mutation />
364-
</QueryClientProvider>
365-
))
328+
const rendered = renderWithClient(queryClient, () => <Mutation />)
366329

367330
const mutationCache = queryClient.getMutationCache()
368331
const unsubscribe = mutationCache.subscribe(() => {
@@ -416,11 +379,7 @@ describe('mutationOptions', () => {
416379
)
417380
}
418381

419-
const rendered = render(() => (
420-
<QueryClientProvider client={queryClient}>
421-
<Mutation />
422-
</QueryClientProvider>
423-
))
382+
const rendered = renderWithClient(queryClient, () => <Mutation />)
424383

425384
expect(mutationStateArray[0]).toEqual([])
426385

@@ -454,11 +413,7 @@ describe('mutationOptions', () => {
454413
)
455414
}
456415

457-
const rendered = render(() => (
458-
<QueryClientProvider client={queryClient}>
459-
<Mutation />
460-
</QueryClientProvider>
461-
))
416+
const rendered = renderWithClient(queryClient, () => <Mutation />)
462417

463418
expect(mutationStateArray[0]).toEqual([])
464419

@@ -499,11 +454,7 @@ describe('mutationOptions', () => {
499454
)
500455
}
501456

502-
const rendered = render(() => (
503-
<QueryClientProvider client={queryClient}>
504-
<Mutation />
505-
</QueryClientProvider>
506-
))
457+
const rendered = renderWithClient(queryClient, () => <Mutation />)
507458

508459
expect(mutationStateArray[0]).toEqual([])
509460

@@ -546,11 +497,7 @@ describe('mutationOptions', () => {
546497
)
547498
}
548499

549-
const rendered = render(() => (
550-
<QueryClientProvider client={queryClient}>
551-
<Mutation />
552-
</QueryClientProvider>
553-
))
500+
const rendered = renderWithClient(queryClient, () => <Mutation />)
554501

555502
expect(mutationStateArray[0]).toEqual([])
556503

0 commit comments

Comments
 (0)