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
import { StrictMode } from 'react'import { fireEvent, render } from '@testing-library/react'import { useAtom } from 'jotai'import { atomWithImmer } from 'jotai/immer'import { getTestProvider } from '../testUtils'
const Provider = getTestProvider()
it('atomWithImmer with useAtom', async () => {  const countAtom = atomWithImmer(0)
  const Parent = () => {    const [count, setCount] = useAtom(countAtom)    return (      <>        <div>count: {count}</div>        <button onClick={() => setCount((draft) => (draft = draft + 1))}>          Increase        </button>        <button onClick={() => setCount((draft) => (draft = draft - 1))}>          Decrease        </button>      </>    )  }
  const { findByText, getByText } = render(    <StrictMode>      <Provider>        <Parent />      </Provider>    </StrictMode>  )
  await findByText('count: 0')
  fireEvent.click(getByText('Increase'))  await findByText('count: 1')
  fireEvent.click(getByText('Decrease'))  await findByText('count: 0')})
it('atomWithImmer with WritableAtom<Value, Value> signature', async () => {  const countAtom = atomWithImmer(0)
  const Parent = () => {    const [count, setCount] = useAtom(countAtom)    return (      <>        <div>count: {count}</div>        <button onClick={() => setCount(count + 1)}>Increase</button>        <button onClick={() => setCount(count - 1)}>Decrease</button>      </>    )  }
  const { findByText, getByText } = render(    <StrictMode>      <Provider>        <Parent />      </Provider>    </StrictMode>  )
  await findByText('count: 0')
  fireEvent.click(getByText('Increase'))  await findByText('count: 1')
  fireEvent.click(getByText('Decrease'))  await findByText('count: 0')})