Wraith in GitLab CI

.gitlab-ci.yml

compare:staging:live:
  image:
    name: bbcnews/wraith
    entrypoint: [""]
  tags:
  - docker
  - linux
  stage: compare
  only:
  - develop
  before_script:
  - wraith reset_shots .wraith.yml
  script:
  - wraith capture .wraith.yml
  allow_failure: true
  retry: 1
  artifacts:
    when: always
    paths:
    - shots/
    expire_in: 30 days

.wraith.yml

---
# Headless browser option, phantomjs or casperjs
browser: "phantomjs"

# Type the name of the directory that shots will be stored in​
directory: "shots"

# Add only 2 domains, key will act as a label
domains:
  live: "https://www.domain.tld"
  staging: "https://staging.domain.tld"

# Amount of fuzz ImageMagick will use
fuzz: "20%"

# Choose how results are displayed, by default alphanumeric. Different screen widths are always grouped.
# alphanumeric - all paths (with, and without, a difference) are shown, sorted by path
# diffs_first - all paths (with, and without, a difference) are shown, sorted by difference size (largest first)
# diffs_only - only paths with a difference are shown, sorted by difference size (largest first)
mode: "diffs_first"

paths:
  home: /
  product-x: /products/product-x
  product-y: /products/product-y

screen_widths:
  - 360
  - 375
  - 1024
  - 1280
  - 1366
  - 1440
  - 1536
  - 1600
  - 1680
  - 1920

threshold: 15