|
1 | | -import { describe, it } from "vitest"; |
2 | | -import { createQuery } from "query:index"; |
3 | | -import { act, Suspense } from "react"; |
4 | | -import { createRoot } from "react-dom/client"; |
5 | | -import { ErrNoQueryInstanceFound, useQueryInstance } from "./useQueryInstance"; |
6 | | - |
7 | | -describe("useQueryInstance", function () { |
8 | | - it("can get a query instance", async ({ expect }) => { |
| 1 | +import { describe, it } from 'vitest' |
| 2 | +import { createQuery } from 'query:index' |
| 3 | +import { act, Suspense } from 'react' |
| 4 | +import { createRoot } from 'react-dom/client' |
| 5 | +import { ErrNoQueryInstanceFound, useQueryInstance } from './useQueryInstance' |
| 6 | + |
| 7 | +describe('useQueryInstance', function () { |
| 8 | + it('can get a query instance', async ({ expect }) => { |
9 | 9 | function fetcher(key: string) { |
10 | | - return Promise.resolve(key); |
| 10 | + return Promise.resolve(key) |
11 | 11 | } |
12 | 12 |
|
13 | | - const query = createQuery({ fetcher }); |
14 | | - const options = { query }; |
15 | | - let queryFromHook: unknown = null; |
| 13 | + const query = createQuery({ fetcher }) |
| 14 | + const options = { query } |
| 15 | + let queryFromHook: unknown = null |
16 | 16 |
|
17 | 17 | function Component() { |
18 | | - queryFromHook = useQueryInstance(options); |
19 | | - return null; |
| 18 | + queryFromHook = useQueryInstance(options) |
| 19 | + return null |
20 | 20 | } |
21 | 21 |
|
22 | | - const container = document.createElement("div"); |
| 22 | + const container = document.createElement('div') |
23 | 23 |
|
24 | 24 | // oxlint-disable-next-line |
25 | 25 | await act(async function () { |
26 | 26 | createRoot(container).render( |
27 | 27 | <Suspense fallback="loading"> |
28 | 28 | <Component /> |
29 | | - </Suspense>, |
30 | | - ); |
31 | | - }); |
| 29 | + </Suspense> |
| 30 | + ) |
| 31 | + }) |
32 | 32 |
|
33 | | - expect(queryFromHook).not.toBeNull(); |
34 | | - }); |
| 33 | + expect(queryFromHook).not.toBeNull() |
| 34 | + }) |
35 | 35 |
|
36 | | - it("throws if no query instance is found", async ({ expect }) => { |
37 | | - let caughtError: Error | undefined = undefined; |
| 36 | + it('throws if no query instance is found', async ({ expect }) => { |
| 37 | + let caughtError: Error | undefined = undefined |
38 | 38 |
|
39 | 39 | function Component() { |
40 | 40 | try { |
41 | | - useQueryInstance(); |
| 41 | + useQueryInstance() |
42 | 42 | } catch (e) { |
43 | | - caughtError = e as Error; |
| 43 | + caughtError = e as Error |
44 | 44 | } |
45 | | - return null; |
| 45 | + return null |
46 | 46 | } |
47 | 47 |
|
48 | | - const container = document.createElement("div"); |
| 48 | + const container = document.createElement('div') |
49 | 49 |
|
50 | 50 | // oxlint-disable-next-line |
51 | 51 | await act(async function () { |
52 | 52 | createRoot(container).render( |
53 | 53 | <Suspense fallback="loading"> |
54 | 54 | <Component /> |
55 | | - </Suspense>, |
56 | | - ); |
57 | | - }); |
| 55 | + </Suspense> |
| 56 | + ) |
| 57 | + }) |
58 | 58 |
|
59 | | - expect(caughtError).toBe(ErrNoQueryInstanceFound); |
60 | | - }); |
61 | | -}); |
| 59 | + expect(caughtError).toBe(ErrNoQueryInstanceFound) |
| 60 | + }) |
| 61 | +}) |
0 commit comments