Using Jest for Snapshot testing your React Components

When it comes to testing React components there are plenty of school of thoughts around it. I have been using Airbnb’s Enzyme.js for a while and felt uncomfortable in updating the test specs with ever-changing UI. Then I came across something interesting called Snapshot Testing using Jest. It was also compelling to know that Jest snapshot testing was developed along with the React Developers to make the component testing easier. I do not want to get into a war of words which is better and this post is not intended for it. And the snapshot testing will not replace your unit test, you will still continue to write your unit tests for the business logic. So what Jest does? It creates a serializable react dom tree which can be saved and checked-in along with your code. In later time if you component changes, you can immediately verify whether the change is an intended one or by a mistake. If it is an intended change, you will update the snapshot and check-in the new version otherwise discards the change. Alright, enough theory! Let’s get into some action. I am going to use one the react starter kit library that I have

Continue reading