mirror of
https://github.com/uetchy/namae.git
synced 2025-03-19 21:40:33 +09:00
21 lines
632 B
TypeScript
21 lines
632 B
TypeScript
|
import React from 'react';
|
||
|
|
import {render, waitForDomChange} from '@testing-library/react';
|
||
|
|
import {useDeferredState} from './hooks';
|
||
|
|
|
||
|
|
const App: React.FC = () => {
|
||
|
|
const [value, setValue] = useDeferredState(500, 0);
|
||
|
|
React.useEffect(() => {
|
||
|
|
setValue(1);
|
||
|
|
setValue(2);
|
||
|
|
setValue(3);
|
||
|
|
}, [setValue]);
|
||
|
|
return <div data-testid="root">{value}</div>;
|
||
|
|
};
|
||
|
|
|
||
|
|
it('provoke state flow after certain time passed', async () => {
|
||
|
|
const {container, getByTestId} = render(<App />);
|
||
|
|
expect(getByTestId('root').textContent).toBe('0');
|
||
|
|
await waitForDomChange({container});
|
||
|
|
expect(getByTestId('root').textContent).toBe('3');
|
||
|
|
});
|