Using BackstopJS

backstop_setup_usage.sh

# Install backstopjs locally
yarn add backstopjs

# Setup folders, configuration etc.
./node_modules/.bin/backstopjs init

# Edit backstop.json to configure the viewports you want to test on.
# I use the following:
#  "viewports": [
#    {
#      "label": "phone",
#      "width": 320,
#      "height": 480
#    },
#    {
#      "label": "tablet",
#      "width": 1024,
#      "height": 768
#    },
#    {
#      "label": "desktop",
#      "width": 2880,
#      "height": 1800
#    }
#  ]

# Define some pages you want to visit/compare, e.g.
#  "scenarios": [
#    {
#      "label": "Blog Index",
#      "url": "http://localhost:5000"
#    }

# Finally run backstop tests to go ahead and capture first set of images
./node_modules/.bin/backstop test