This project is an example of Visual Testing with BackstopJs. In this example, we focus on testing of the demo app built with React (Hello Country).

To start using BackstopJs, install it using npm:

$ npm install -g backstopjs

After installing, initialize the testing project and then run your tests:

$ backstop init
$ backstop test

After running your test the first time, you will need to approve the screenshots using backstop approve.

Note: In this particular project, backstop operations are wrapped with npm.

The test results are organized in a report similar to the one below:

Figure 1, Example Report from BackstopJs