React is a very nice front-end framework, javascript is nice, but what if you need an android app? Or an iOS app for that matter? You have all read of apps that embed a browser, and in the browser javascript runtime, you'd load a full application, written in react or angular or what have you. Maybe pure javascript.
After a little bit of struggle, I have managed to implement a jest that correctly tests an async fetch call. That is, suppose clicking a button initiates a POST request, and upon success some action takes place or some message gets displayed. I needed a test to assert that the action indeed took place.
My component looks as follows:
The solution for me was to clear Jest cache:
./node_modules/jest/bin/jest.js --clearCache
tl;dr: I decided not to do it.
Since Enzyme is obsolete as of React 18, you would use <render /> and not <mount />. Therefore, you don't have a wrapper to manipulate and observe the state of the component being tested.
Furthermore, I'm really only testing the component because it's a best practice, and because of the expectation of future complexity. The state change itself is trivial:
