-
Notifications
You must be signed in to change notification settings - Fork 0
/
testUtils.tsx
90 lines (81 loc) · 1.82 KB
/
testUtils.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
import React, { FC, ReactElement } from 'react'
import '@testing-library/jest-dom'
import { render } from '@testing-library/react'
import { renderHook } from '@testing-library/react-hooks'
import { Machine } from 'xstate'
import Interpret from './src/components/Interpret'
const OldWrapper: FC = ({ children }) => children as ReactElement
const customRender = (component: ReactElement, options?: any): any => {
return render(component, { wrapper: OldWrapper, ...options })
}
function getUserMachine() {
return Machine({
id: 'user',
context: {
name: 'Marcelo Silva',
languages: [
{
id: 1,
name: 'Portuguese'
},
{
id: 2,
name: 'English'
}
]
},
initial: 'logged',
states: {
logged: {
on: {
LOGOUT: 'guest'
}
},
guest: {
on: {
LOGIN: 'logged'
}
}
}
})
}
function getCountMachine() {
return Machine({
id: 'count',
context: {
value: 0,
increments: {
min: [5, 10],
max: [50, 100]
}
},
initial: 'idle',
states: {
idle: {
on: {
INCREMENT: 'changing'
}
},
changing: {
on: {
STOP: 'idle'
}
}
}
})
}
const Wrapper: FC = ({ children }) => (
<Interpret machine={getCountMachine()}>
<Interpret machine={getUserMachine()}>{children}</Interpret>
</Interpret>
)
function renderWithMachines(ui: ReactElement, options?: any): any {
return render(ui, { wrapper: Wrapper, ...options })
}
function renderHookWithMachines(
callback: (props: unknown) => unknown,
options?: any
): any {
return renderHook(callback, { wrapper: Wrapper, ...options })
}
export { customRender as render, renderWithMachines, renderHookWithMachines }