I have a react typescript based frontend code without htaccess or login running on my localhost. I also successfully installed ruby and wraith in this project to test visual regressions between dev server and my local. It seems like everything is working just fine, wraith runs without erros but the pictures of my localhost are blank, dev env is captured fine.

This is my capture.yaml:

#Headless browser option
browser:
  phantomjs: "phantomjs"
  # slimerjs: "slimerjs"

#If you want to have multiple snapping files, set the file name her

# 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:
  english: "http://localhost:3000"
  russian: "http://www.live.bbc.co.uk/"

#Type screen widths below, here are a couple of examples
screen_widths:
  - 1280

#Type page URL paths below, here are a couple of examples
paths:
  home: /

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

#Set the number of days to keep the site spider file
spider_days:
  - 10

#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

before_capture: "javascript/wait--phantom.js"

This is my wait--phantom.js file:

// ######################################################
// This is an example module provided by Wraith.
// Feel free to amend for your own requirements.
// ######################################################
module.exports = function (phantom, ready) {
    // make Wraith wait a bit longer before taking the screenshot
    setTimeout(ready, 10000); // you MUST call the ready() callback for Wraith to continue
}

I tried to make it work with ngrok or virtual host, but it still the same issue.