Getting serious with End-to-End testing with Cypress.io

Moving over into a new role, one of the things that I was keen to make more use of was automated testing in the deployment of the product that we are building at NFTX.

I'll talk more about the tech setup in the future, but at the moment we're running using Next.JS deployed to Netlify for all the components of the product including the app, marketing site, and the gallery.

It took me a while to wrap my head around using Cypress for testing, so here are the basic building blocks to get you there.

First, go and get setup ready to use Cypress creating a directory and initialising npm.

$ mkdir cypress && npm init -y

Once set up you will want to install cyress itself.

$ npm install --save-dev cypress

Once it is installed, next step is to get it running

$ npx cypress open