useEffect cleanup function is not called on component unmount

I am using useEffect in my test component.

const Cmp = () => {
  React.useEffect(() => {
    console.log(1);
    return () => console.log(2);
  }, []);
  return <span>Test</span>;
};

And in test: shallow(<Cmp />).unmount().

And there is no log emitted in the cleanup function

[mikeborozdin]

@kvet ,

That’s an interesting proposal! I’ll look into it. It might be difficult to implement cleanupReactHooks(forWrapper), since the library has no knowledge of components on Enzyme wrappers. But I can certainly add a method for firing all cleaning up functions.

[MilosRasic]

👍 for this

In my case, I’m trying to test an event listener attached to document in an effect. Without cleanup on unmount, every test case will add another listener to document which will never be cleaned up. Makes toHaveBeenCalledTimes() really unpredictable.