When I was a junior dev I used to cringe at the thought of testing my apps. Testing is not easy. But with the help of right tools, writing tests can certainly be simpler and more fun.

Cypress is a JavaScript End-to-End Testing Framework that makes it really simple to setup, write, run, and debug tests.

If you have tried other End-to-End Testing Frameworks like Puppeteer, you will notice that these frameworks turn the browser into an air-gapped system. The more complex our app gets, the harder it will get to pass our tests. This is why most testers prefer to run there tests manually.

In this post, I will show you how Cypress can help you build tests that will run in a real browser. Cypress provides with an API for test automation that is really easy to use.

Instead of looking at a bland command terminal filled gibberish, Cypress comes with its own dashboard that will show us exactly what is happening during our tests. And, because Cypress works in the actual browser, we can also use the browser’s dev tools side-by-side with Cypress.

Tip: Using Bit (GitHub) you can virtually isolate, encapsulate and independently test your components with any framework or library. The isolated and tested components will become reusable across your apps 👍

Easily isolate, test and reuse components — Bit

Let’s dive in.