import { render, waitFor } from '@testing-library/react';
import 'mutationobserver-shim';
import React from '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 { getByTestId } = render(<App />);
  expect(getByTestId('root').textContent).toBe('0');
  await waitFor(() => {
    expect(getByTestId('root').textContent).toBe('3');
  });
});