Chrome self-signed certificates producing empty images?

[Tommy Keswick]

My local VM has a self-signed certificate and headless chrome does not work in that case and only produces empty screenshots. Is there any option to pass some kind of parameter to say that self-signed certificates are ok?

I haven't completely confirmed this is the issue with my empty screenshots, but I think it is a fair assumption. I get the same result running wraith from within the VM and from my host Mac.

I need to use Chrome because PhantomJS can't render flexbox properly.

---

Reporting a problem? Please describe the issue above, and complete the following checklist so that we can help you more quickly.

Issue checklist:

• I have validated my config file against YAML Validator to make sure it is valid YAML.

• I have run the wraith info command and pasted the output below:

DEBUG: #################################################
DEBUG:   Command run:        info
DEBUG:   Wraith version:     4.2.3
DEBUG:   Ruby version:       ruby 2.3.3p222 (2016-11-21 revision 56859) [x86_64-darwin15]
DEBUG:   ImageMagick:        Version: ImageMagick 6.9.9-50 Q16 x86_64 2018-06-02 https://www.imagemagick.org
DEBUG:   PhantomJS version:  2.1.1
DEBUG:   chromedriver version:  ChromeDriver 2.41.578706 (5f725d1b4f0a4acbf5259df887244095596231db)
DEBUG:   CasperJS version:   1.1.4
DEBUG: #################################################

• I have run the command in verbose mode (by adding verbose: true to my config) and pasted the output below:

DEBUG: #################################################
DEBUG:   Command run:        capture configs/vm.yaml
DEBUG:   Wraith version:     4.2.3
DEBUG:   Ruby version:       ruby 2.3.3p222 (2016-11-21 revision 56859) [x86_64-darwin15]
DEBUG:   ImageMagick:        Version: ImageMagick 6.9.9-50 Q16 x86_64 2018-06-02 https://www.imagemagick.org
DEBUG:   PhantomJS version:  2.1.1
DEBUG:   chromedriver version:  ChromeDriver 2.41.578706 (5f725d1b4f0a4acbf5259df887244095596231db)
DEBUG:   CasperJS version:   1.1.4
DEBUG: #################################################
Config validated. No serious issues found.
Creating Folders
SAVING IMAGES
CROPPING IMAGES
DEBUG: Cropping both images to 1280x2242. (shots_vm/front/1280_chrome_live_site.png, shots_vm/front/1280_chrome_vm.png)
DEBUG: Cropping both images to 768x3598. (shots_vm/front/768_chrome_live_site.png, shots_vm/front/768_chrome_vm.png)
DEBUG: Cropping both images to 510x4465. (shots_vm/front/320_chrome_live_site.png, shots_vm/front/320_chrome_vm.png)
COMPARING IMAGES
Comparing shots_vm/front/1280_chrome_live_site.png and shots_vm/front/1280_chrome_vm.png
Comparing shots_vm/front/320_chrome_live_site.png and shots_vm/front/320_chrome_vm.png
Comparing shots_vm/front/768_chrome_live_site.png and shots_vm/front/768_chrome_vm.png
Saved diff
Saved diff
Saved diff
GENERATING THUMBNAILS
GENERATING GALLERY
Gallery generated
WARN: Failures detected:
WARN: 	 front failed at a resolution of 320 (83.71% diff)
WARN: 	 front failed at a resolution of 768 (71.67% diff)
WARN: 	 front failed at a resolution of 1280 (52.61% diff)

View the gallery in your browser:
	 file:///…/shots_vm/gallery.html

• I have pasted the contents of my config file below:

browser: "chrome"
domains:
  live_site: "https://www.example.com"
  vm:        "https://local.vm"
paths:
  front: /
screen_widths:
  - 320
  - 768
  - 1280
before_capture: 'javascript/wait--chrome.js'
resize_or_reload: 'resize'
directory: 'shots_vm'
fuzz: '20%'
threshold: 5
gallery:
  template: 'slideshow_template' # Examples: 'basic_template' (default), 'slideshow_template'
  thumb_width:  200
  thumb_height: 200
mode: diffs_first
verbose: true