vitestSetup.ts69 lines · main

1	import '@testing-library/jest-dom/vitest'
2
3	import { cleanup } from '@testing-library/react'
4	import dayjs from 'dayjs'
5	import relativeTime from 'dayjs/plugin/relativeTime'
6	import timezone from 'dayjs/plugin/timezone'
7	import utc from 'dayjs/plugin/utc'
8	import { createDynamicRouteParser } from 'next-router-mock/dist/dynamic-routes'
9	import { afterAll, afterEach, beforeAll, vi } from 'vitest'
10
11	import { mswServer } from './lib/msw'
12	import { routerMock } from './lib/route-mock'
13
14	dayjs.extend(utc)
15	dayjs.extend(timezone)
16	dayjs.extend(relativeTime)
17
18	// Uncomment this if HTML in errors are being annoying.
19	//
20	// configure({
21	// getElementError: (message, container) => {
22	// const error = new Error(message ?? 'Element not found')
23	// error.name = 'ElementNotFoundError'
24	// return error
25	// },
26	// })
27
28	beforeAll(() => {
29	mswServer.listen({ onUnhandledRequest: `error` })
30	vi.mock('next/router', () => require('next-router-mock'))
31	vi.mock('next/navigation', async () => {
32	const actual = await vi.importActual('next/navigation')
33	return {
34	...actual,
35	useRouter: () => {
36	return {
37	push: vi.fn(),
38	replace: vi.fn(),
39	}
40	},
41	usePathname: () => vi.fn(),
42	useSearchParams: () => ({
43	get: vi.fn(),
44	}),
45	}
46	})
47
48	vi.mock('next/compat/router', () => require('next-router-mock'))
49
50	// Mock the useParams hook from common module globally
51	vi.mock('common', async (importOriginal: any) => {
52	const actual = await importOriginal()
53	return {
54	...(typeof actual === 'object' ? actual : {}),
55	useParams: () => ({ ref: 'default' }),
56	}
57	})
58
59	routerMock.useParser(createDynamicRouteParser(['/projects/[ref]']))
60	})
61
62	afterEach(() => {
63	mswServer.resetHandlers()
64	cleanup()
65	})
66
67	afterAll(() => {
68	mswServer.close()
69	})