The component's test for closing by timeout failed

[Smistav]

import {act, render, screen} from '@testing-library/react'
import {ReactNotifications, Store} from "react-notifications-component";

jest.useFakeTimers();
describe('notification types hide after 2 second', () => {
test('should hide info',
async () => {
render()
act(() => {
Store.addNotification({
type: 'info', message: 'notification info',
container: "bottom-right", dismiss: {
duration: 2000
}
})
})
const notificationBefore = await screen.findByText('notification info')
expect(notificationBefore).toBeInTheDocument()
act(() => {
jest.advanceTimersByTime(3000)
})
const notificationAfter = await screen.findByText('notification info')
expect(notificationAfter).not.toBeInTheDocument()
})
})
jest.clearAllTimers()

The notification is not removed from the DOM even if you try to apply the method Store.removeAllNotifications(). Maybe I'm doing something wrong?

[teodosii]

can you post a CodeSandbox example that illustrates this? I know testing async stuff with timers it's not the most straightforward thing in Jest.

I'm not sure how advanceTimersByTime work and if it's actually reliable to use those, where I work I use this

render(<Component />);

await waitFor(
  () => {
    expect(loadUserMock).toHaveBeenCalled();
  },
  { timeout: 6000 }
);

It seems you're not using waitFor.

See if that helps maybe?