1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
import { StrictMode } from 'react'import { fireEvent, render } from '@testing-library/react'import { proxy, useSnapshot } from 'valtio'
it('unsupported map', async () => {  const obj = proxy({ map: new Map([['count', 0]]) })
  const Counter = () => {    const snap = useSnapshot(obj) as any    return (      <>        <div>count: {snap.map.get('count')}</div>        <button onClick={() => obj.map.set('count', 1)}>button</button>      </>    )  }
  const { getByText, findByText } = render(    <StrictMode>      <Counter />    </StrictMode>  )
  await findByText('count: 0')
  fireEvent.click(getByText('button'))  await new Promise((resolve) => setTimeout(resolve, 10)) // FIXME better way?  expect(() => getByText('count: 1')).toThrow()})
it('unsupported set', async () => {  const obj = proxy({ set: new Set([1, 2, 3]) })
  const Counter = () => {    const snap = useSnapshot(obj) as any    return (      <>        <div>count: {[...snap.set].join(',')}</div>        <button onClick={() => obj.set.add(4)}>button</button>      </>    )  }
  const { getByText, findByText } = render(    <StrictMode>      <Counter />    </StrictMode>  )
  await findByText('count: 1,2,3')
  fireEvent.click(getByText('button'))  await new Promise((resolve) => setTimeout(resolve, 10)) // FIXME better way?  expect(() => getByText('count: 1,2,3,4')).toThrow()})