123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
import { StrictMode } from 'react'import { fireEvent, render, waitFor } from '@testing-library/react'import { proxy, useSnapshot } from 'valtio'
const consoleError = console.errorbeforeEach(() => {  console.error = jest.fn((message) => {    if (      process.env.NODE_ENV === 'production' &&      message.startsWith('act(...) is not supported in production')    ) {      return    }    consoleError(message)  })})afterEach(() => {  console.error = consoleError})
it('simple object getters', async () => {  const computeDouble = jest.fn((x) => x * 2)  const state = proxy({    count: 0,    get doubled() {      return computeDouble(this.count)    },  })
  const Counter = ({ name }: { name: string }) => {    const snap = useSnapshot(state)    return (      <>        <div>          {name} count: {snap.doubled}        </div>        <button onClick={() => ++state.count}>{name} button</button>      </>    )  }
  const { getByText } = render(    <StrictMode>      <Counter name="A" />      <Counter name="B" />    </StrictMode>  )
  await waitFor(() => {    getByText('A count: 0')    getByText('B count: 0')  })
  computeDouble.mockClear()  fireEvent.click(getByText('A button'))  await waitFor(() => {    getByText('A count: 2')    getByText('B count: 2')  })  expect(computeDouble).toBeCalledTimes(1)})
it('object getters returning object', async () => {  const computeDouble = jest.fn((x) => x * 2)  const state = proxy({    count: 0,    get doubled() {      return { value: computeDouble(this.count) }    },  })
  const Counter = ({ name }: { name: string }) => {    const snap = useSnapshot(state)    return (      <>        <div>          {name} count: {snap.doubled.value}        </div>        <button onClick={() => ++state.count}>{name} button</button>      </>    )  }
  const { getByText } = render(    <StrictMode>      <Counter name="A" />      <Counter name="B" />    </StrictMode>  )
  await waitFor(() => {    getByText('A count: 0')    getByText('B count: 0')  })
  computeDouble.mockClear()  fireEvent.click(getByText('A button'))  await waitFor(() => {    getByText('A count: 2')    getByText('B count: 2')  })  expect(computeDouble).toBeCalledTimes(1)})