backstopjs docker

css-exec.sh

#!/bin/sh

command=$1
shift

yarn css:config

cd ../GOunite/infrastructure/
docker-compose run --no-deps backstop $command --config=backstop.json $@
cd -

if [ "$command" = "test" ]; then
  if [ "$(uname)" == 'Darwin' ]; then
    open backstop_data/html_report/index.html
  else
    xdg-open backstop_data/html_report/index.html
  fi
fi

docker-compose.yml

---
version: '3.4'

services:
  reverse-proxy:
    build: ./reverse-proxy
    ports:
      - 443:443
      - 8080:8080

  backstop:
    image: backstopjs/backstopjs
    container_name: backstop
    depends_on:
      - reverse-proxy
    volumes:
      - ../../Frontend:/src
    shm_size: 512m

package.json

{
  "scripts": {
    "ci:css": "hooks/ci-css",
    "css:approve": "hooks/css-approve",
    "css:config": "hooks/css-config",
    "css:reference": "hooks/css-exec reference",
    "css:test": "hooks/css-exec test"
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged && yarn type-check && hooks/css-regression"
    }
  }
}