123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
import { render, waitFor } from '@testing-library/react'import { Provider, atom, useAtom } from 'jotai'
// No PROVIDER_LESS_MODE test for this file, obviously.
it('uses initial values from provider', async () => {  const countAtom = atom(1)  const petAtom = atom('cat')
  const Display = () => {    const [count] = useAtom(countAtom)    const [pet] = useAtom(petAtom)
    return (      <>        <p>count: {count}</p>        <p>pet: {pet}</p>      </>    )  }
  const { getByText } = render(    <Provider      initialValues={[        [countAtom, 0],        [petAtom, 'dog'],      ]}>      <Display />    </Provider>  )
  await waitFor(() => {    getByText('count: 0')    getByText('pet: dog')  })})
it('only uses initial value from provider for specific atom', async () => {  const countAtom = atom(1)  const petAtom = atom('cat')
  const Display = () => {    const [count] = useAtom(countAtom)    const [pet] = useAtom(petAtom)
    return (      <>        <p>count: {count}</p>        <p>pet: {pet}</p>      </>    )  }
  const { getByText } = render(    <Provider initialValues={[[petAtom, 'dog']]}>      <Display />    </Provider>  )
  await waitFor(() => {    getByText('count: 1')    getByText('pet: dog')  })})
it('renders correctly without children', () => {  render(<Provider />)})