React, testing

Jest Snapshot Testing for React Components is useless? Is it slowly dying? 🧐🤔😐

All the React developers will agree, mostly everyone has used Jest at least once in their dev life.
Yes, It’s true for me too. 👋

ReactJS team also suggested people use Jest to test their app. Which is fair as Jest was also created by Facebook. 👏

Jest is cool. But later they came up with something called Jest Snapshot testing. And as usual, they also suggested developers use it to test their React components.👏👏

First, let’s see what’s Snapshot testing with Jest-

Continue reading
Cypress, NodeJS, testing

Cypress e2e testing : My talk at Node.JS Meetup Berlin in Germany 💥

As a speaker, I attended Node.JS Meetup Berlin event in Germany.

This is the largest NodeJS community group in Germany. It was awesome to be there as a Speaker.

Being a Polyglot Engineer, I really like the JavaScript ecosystem including NodeJS and it’s surroundings.

JavaScript ecosystem changes rapidly and it’s really fun and hard at the same time to learn/know most of the things.

To do the end-to-end test for Modern Web 2.0 applications is really hard. And Cypress really has changed everything how we think for e2e testing.

Continue reading

Storybook : develop React components in isolation | Part-2

On the Part-1 of this series Storybook : develop React components in isolation | Part-1 , we talked about how we can setup Storybook and start working for our awesome UI-components Library.

Today we will see how we can create our first UI component and add it to Storybook. We will also see how we can see variations for the same component.

I will remove the welcome file src/stories/0-Welcome.stories.js which was created by the tool. Now our app structure looks like below-

Let’s create a new component inside src/components/Spinner.js file.

Continue reading

Storybook : develop React components in isolation | Part-1

Storybook is a tool for developing UI components.

The tool enables developers to create components independently and showcase components interactively in an isolated development environment.

Storybook runs outside of the main app so we can develop UI components in isolation without worrying about app specific dependencies and requirements.

After running, Storybook looks like this ☝️
Here, Button is a component.

Continue reading