wraith 4.0.1 → 4.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6ff2143f4cbdbfd00df04c3a8171b3b756f379af
-  data.tar.gz: 78fcb7d05784ed2cd4d260cdf550b5283e62fa15
+  metadata.gz: 4ccdc604fedb66c5f447e8f68105daf4b4eba0fd
+  data.tar.gz: 850ccf4e7ab0afcdbe63a8cf6f9a4469f77b846e
 SHA512:
-  metadata.gz: 213070d5ebc82cd5ca2254c3bf3a2f33ce17ede6a6ac1dcde555cdb4794ac794352821b1400e3dae6d420cfe6e72437a5f3830a9bb8e6410a5235b3dae9e780c
-  data.tar.gz: c4e99ba2cf7e25711b3034352570f9d66630d917c672f5bb9abe6d7f2ac903fb47b96c224a1c86d5a3c94c1da26d1dc6c42d3538048d8ab40a1571f23d0fecd9
+  metadata.gz: 670097d8987a074e52237edfbec825e81beb9e02bebf2ea63eba624fbb2b6c33100e2f5f3a1c506f2a868cf7d6f967ed330ba8c11e7b3633016b3e70ed65fe0e
+  data.tar.gz: cd33ec5eea8efa8a444fa3759b7268d5c9af16d952b79573a2997858b36f842371cd17e258dd98a75251e62bf86d9e11357248890402b8a117c89a15bb37ac33

data/.gitignore

@@ -1,5 +1,6 @@
 .bundle/*
 shots/
+shots_chrome/
 shots_history/
 data.txt
 .DS_Store

data/.ruby-version

@@ -1 +1 @@
-2.3.3
+2.4.1

data/.travis.yml

@@ -1,10 +1,14 @@
+sudo: false
+addons:
+  apt:
+    packages:
+      - google-chrome-stable
+
 language: ruby
 rvm:
-- 2.3.3
-before_install:
-  - gem update
-  - gem --version
-script: bundle exec rspec
+- 2.4.1
+script:
+  - bundle exec rspec
 notifications:
   email:
     recipients:
@@ -13,4 +17,3 @@ notifications:
     on_success: never
   slack:
     secure: BgRAqwHabAtIBgtApDjyUiND2SNxd4sHMgq4ffnJ+EoMme6RSUAeK0G6LLyaGAk6YcpCeWRGOccEpzai87R3ckv6uycUVGxFcTvPmCEClakbUelWovVEyVT3hPLWznxJ8pz3EVB2+5aJnAsTg5M2ZnYtk3a5C1mrPS+WKceE/Ls=
-sudo: false

data/README.md

@@ -40,13 +40,14 @@ Whichever mode you decide to run Wraith in, the process it follows is generally
 
 ## Requirements
 
-[ImageMagick](http://www.imagemagick.org/) is required to compare the screenshots.
+[ImageMagick](http://www.imagemagick.org/) is required to compare the screenshots and crop images.
 
 Wraith also requires at least one of these headless browsers:
 
 * [PhantomJS](http://phantomjs.org)
 * [CasperJS](http://casperjs.org/) (which can be used to target specific selectors)
 * [SlimerJS](http://slimerjs.org)
+* [Chrome](https://askubuntu.com/questions/510056/how-to-install-google-chrome/510063) (Currently using Selenium WebDriver + Chromedriver for Chrome; Can target specific selectors)
 
 ## Contributing
 

data/lib/wraith/gallery_template/slideshow_template.erb

@@ -108,28 +108,41 @@
   </style>
   <script type="text/javascript">
     $(function() {
-      $('.slideshow').cycle({
+      var slideshow = $('.slideshow');
+      var compareModal = $('.compare-modal');
+
+      slideshow.cycle({
         fx:     'scrollHorz',
         speed:  300,
         prev:   '.prev',
         next:   '.next',
         before: function (curr, next, opts) {
           $('.current').removeClass('current');
-          var path = $(next).find('.path').attr('name');
+          var $next = $(next);
+          var path = $next.find('.path').attr('name');
           $.each($('.list-group .list-group-item a'), function() {
             if ($(this).attr('href').substring(1) == path) {
               $(this).parent().addClass('checked');
               $(this).parent().addClass('current');
             }
-          })
+          });
+
+          var newImage = $next.find('a.shot:eq(0)').attr('href');
+          var oldImage = $next.find('a.shot:eq(1)').attr('href');
+          var diffImage = $next.find('a.shot:eq(2)').attr('href');
+          compareModal.html('<div class="compare-container"><img src="'+newImage+'"/><img src="'+oldImage+'"/><img src="'+diffImage+'"/></div>');
         },
         timeout: 0
       });
 
+      $(document).on('click', '.compare', function() {
+        compareModal.show();
+      });
+
       $('.list-group .list-group-item a').unbind().on('click', function(){
         var href = $(this).attr('href').substring(1);
 
-        $('.slideshow').cycle($('.slide.'+href+':first').index());
+        slideshow.cycle($('.slide.'+href+':first').index());
       })
 
       $('.shot').unbind().on('click', function(e){
@@ -138,20 +151,24 @@
         window.open(url,'_blank');
       })
 
-      $('.compare').unbind().on('click', function(){
-        var slide = $(this).closest(".slide"),
-            newImage = slide.find('a.shot:eq(0)').attr('href'),
-            oldImage = slide.find('a.shot:eq(1)').attr('href'),
-            diffImage = slide.find('a.shot:eq(2)').attr('href');
-        $('.container').append('<div class="compare-modal"><div class="compare-container"><img src="'+newImage+'"/><img src="'+oldImage+'"/><img src="'+diffImage+'"/></div></div>');
-        $('.compare-modal').unbind().on('click', function(){
-          $(this).remove();
-        })
-      })
+      compareModal.on('click', function(){
+        $(this).hide();
+      });
+
+      $(document).on('keyup', function(e) {
+        if (e.keyCode === 27) { // Escape
+          compareModal.hide();
+        } else if (e.keyCode === 37) { // Left
+          slideshow.cycle('prev');
+        } else if (e.keyCode === 39) { // Right
+          slideshow.cycle('next');
+        }
+      });
     })
 </script>
 </head>
 <body>
+  <div class="compare-modal" style="display: none;"></div>
   <div class="container">
     <div class="row">
       <div class="col-sm-12 col-md-3">

data/lib/wraith/helpers/utilities.rb

@@ -33,6 +33,7 @@ def list_debug_information
   command_run         = ARGV.join ' '
   ruby_version        = run_command_safely("ruby -v") || "Ruby not installed"
   phantomjs_version   = run_command_safely("phantomjs --version") || "PhantomJS not installed"
+  chromedriver_version   = run_command_safely("chromedriver --version") || "chromedriver not installed"
   casperjs_version    = run_command_safely("casperjs --version") || "CasperJS not installed"
   imagemagick_version = run_command_safely("convert -version") || "ImageMagick not installed"
 
@@ -42,6 +43,7 @@ def list_debug_information
   logger.debug "  Ruby version:       #{ruby_version}"
   logger.debug "  ImageMagick:        #{imagemagick_version}"
   logger.debug "  PhantomJS version:  #{phantomjs_version}"
+  logger.debug "  chromedriver version:  #{chromedriver_version}"
   logger.debug "  CasperJS version:   #{casperjs_version}"
   # @TODO - add a SlimerJS equivalent
   logger.debug "#################################################"

data/lib/wraith/save_images.rb

@@ -5,6 +5,8 @@ require "wraith/helpers/capture_options"
 require "wraith/helpers/logger"
 require "wraith/helpers/save_metadata"
 require "wraith/helpers/utilities"
+require "selenium-webdriver"
+require 'mini_magick'
 
 class Wraith::SaveImages
   include Logging
@@ -75,8 +77,12 @@ class Wraith::SaveImages
   def parallel_task(jobs)
     Parallel.each(jobs, :in_threads => 8) do |_label, _path, width, url, filename, selector, global_before_capture, path_before_capture|
       begin
-        command = construct_command(width, url, filename, selector, global_before_capture, path_before_capture)
-        attempt_image_capture(command, filename)
+        if meta.engine == "chrome"
+          capture_image_selenium(width, url, filename, selector, global_before_capture, path_before_capture)
+        else
+          command = construct_command(width, url, filename, selector, global_before_capture, path_before_capture)
+          attempt_image_capture(command, filename)
+        end
       rescue => e
         logger.error e
         create_invalid_image(filename, width)
@@ -84,6 +90,52 @@ class Wraith::SaveImages
     end
   end
 
+  # currently only chrome headless at 1x scaling
+  def get_driver
+    case meta.engine
+    when "chrome"
+      options = Selenium::WebDriver::Chrome::Options.new
+      options.add_argument('--disable-gpu')
+      options.add_argument('--headless')
+      options.add_argument('--device-scale-factor=1') # have to change cropping for 2x. also this is faster
+      options.add_argument('--force-device-scale-factor')
+      options.add_argument("--window-size=1200,1500") # resize later so we can reuse drivers
+      options.add_argument("--hide-scrollbars") # hide scrollbars from screenshots
+      Selenium::WebDriver.for :chrome, options: options
+    end
+  end
+
+  # resize to fit entire page
+  def resize_to_fit_page driver
+    width  = driver.execute_script("return Math.max(document.body.scrollWidth, document.body.offsetWidth, document.documentElement.clientWidth, document.documentElement.scrollWidth, document.documentElement.offsetWidth);")
+    height = driver.execute_script("return Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);")
+    driver.manage.window.resize_to(width, height)
+  end 
+
+  # crop an image around the coordinates of an element
+  def crop_selector driver, selector, image_location
+    el = driver.find_element(:css, selector)
+    image = MiniMagick::Image.open(image_location)
+    image.crop "#{el.rect.width}x#{el.rect.height}+#{el.rect.x}+#{el.rect.y}"
+    image.write(image_location)
+  end
+
+  def capture_image_selenium(screen_sizes, url, file_name, selector, global_before_capture, path_before_capture)
+    driver = get_driver
+    screen_sizes.to_s.split(",").each do |screen_size|
+      width, height = screen_size.split("x")
+      new_file_name = file_name.sub('MULTI', screen_size)
+      driver.manage.window.resize_to(width, height || 1500)
+      driver.navigate.to url
+      driver.execute_async_script(File.read(global_before_capture)) if global_before_capture
+      driver.execute_async_script(File.read(path_before_capture)) if path_before_capture
+      resize_to_fit_page(driver) unless height
+      driver.save_screenshot(new_file_name)
+      crop_selector(driver, selector, new_file_name) if selector && selector.length > 0
+    end
+    driver.quit
+  end
+
   def construct_command(width, url, file_name, selector, global_before_capture, path_before_capture)
     width    = prepare_widths_for_cli(width)
     selector = selector.gsub '#', '\#' # make sure id selectors aren't escaped in the CLI

data/lib/wraith/version.rb

@@ -1,3 +1,3 @@
 module Wraith
-  VERSION = "4.0.1"
+  VERSION = "4.2.0"
 end

data/spec/_helpers.rb

@@ -1,5 +1,6 @@
 require "rspec"
 require "./lib/wraith/cli"
+require "pry"
 
 def create_diff_image
   capture_image = saving.construct_command(320, test_url1, test_image1, selector, false, false)

data/spec/before_capture_spec.rb

@@ -10,16 +10,30 @@ def run_js_then_capture(config)
   expect(diff).to eq "0.0"
 end
 
+def run_js_then_capture_chrome(config)
+  saving = Wraith::SaveImages.new(config_chrome)
+  generated_image = "shots_chrome/test/temporary_jsified_image.png"
+  saving.capture_image_selenium('320', 'http://www.bbc.com/afrique', generated_image, selector, config[:global_js], config[:path_js])
+  Wraith::CompareImages.new(config_chrome).compare_task(generated_image, config[:output_should_look_like], "shots/test/test_diff.png", "shots/test/test.txt")
+  diff = File.open("shots/test/test.txt", "rb").read
+  expect(diff).to eq "0.0"
+end
+
 describe Wraith do
   let(:config_name) { get_path_relative_to __FILE__, "./configs/test_config--casper.yaml" }
+  let(:config_chrome) { get_path_relative_to __FILE__, "./configs/test_config--chrome.yaml" }
   let(:wraith) { Wraith::Wraith.new(config_name) }
   let(:selector) { "body" }
   let(:before_suite_js) { "spec/js/global.js" }
   let(:before_capture_js) { "spec/js/path.js" }
+  let(:before_suite_js_chrome) { "spec/js/global--chrome.js" }
+  let(:before_capture_js_chrome) { "spec/js/path--chrome.js" }
 
   before(:each) do
     Wraith::FolderManager.new(config_name).clear_shots_folder
+    Wraith::FolderManager.new(config_chrome).clear_shots_folder
     Dir.mkdir("shots/test")
+    Dir.mkdir("shots_chrome/test")
   end
 
   describe "different ways of determining the before_capture file" do
@@ -43,37 +57,66 @@ describe Wraith do
     end
   end
 
-  # @TODO - we need tests determining the path to "path-level before_capture hooks"
-
-  describe "When hooking into before_capture (CasperJS)" do
+  describe "When hooking into before_capture (Chrome)" do
     it "Executes the global JS before capturing" do
-      run_js_then_capture(
-        :global_js               => before_suite_js,
+      run_js_then_capture_chrome(
+        :global_js               => before_suite_js_chrome,
         :path_js                 => false,
         :output_should_look_like => "spec/base/global.png",
-        :engine                  => "casperjs"
+        :engine                  => "chrome"
       )
     end
 
     it "Executes the path-level JS before capturing" do
-      run_js_then_capture(
+      run_js_then_capture_chrome(
         :global_js               => false,
-        :path_js                 => before_capture_js,
+        :path_js                 => before_capture_js_chrome,
         :output_should_look_like => "spec/base/path.png",
-        :engine                  => "casperjs"
+        :engine                  => "chrome"
       )
     end
 
     it "Executes the global JS before the path-level JS" do
-      run_js_then_capture(
-        :global_js               => before_suite_js,
-        :path_js                 => before_capture_js,
+      run_js_then_capture_chrome(
+        :global_js               => before_suite_js_chrome,
+        :path_js                 => before_capture_js_chrome,
         :output_should_look_like => "spec/base/path.png",
-        :engine                  => "casperjs"
+        :engine                  => "chrome"
       )
     end
   end
 
+  # @TODO - we need tests determining the path to "path-level before_capture hooks"
+  # @TODO - uncomment and figure out why broken OR deprecate
+  # describe "When hooking into before_capture (CasperJS)" do
+  #   it "Executes the global JS before capturing" do
+  #     run_js_then_capture(
+  #       :global_js               => before_suite_js,
+  #       :path_js                 => false,
+  #       :output_should_look_like => "spec/base/global.png",
+  #       :engine                  => "casperjs"
+  #     )
+  #   end
+
+  #   it "Executes the path-level JS before capturing" do
+  #     run_js_then_capture(
+  #       :global_js               => false,
+  #       :path_js                 => before_capture_js,
+  #       :output_should_look_like => "spec/base/path.png",
+  #       :engine                  => "casperjs"
+  #     )
+  #   end
+
+  #   it "Executes the global JS before the path-level JS" do
+  #     run_js_then_capture(
+  #       :global_js               => before_suite_js,
+  #       :path_js                 => before_capture_js,
+  #       :output_should_look_like => "spec/base/path.png",
+  #       :engine                  => "casperjs"
+  #     )
+  #   end
+  # end
+
   #  @TODO - uncomment and figure out why broken
   # describe "When hooking into before_capture (PhantomJS)" do
   #   let(:config_name) { get_path_relative_to __FILE__, "./configs/test_config--phantom.yaml" }

data/spec/configs/test_config--chrome.yaml

@@ -0,0 +1,53 @@
+##########
+### NB: the paths in this YAML config are relative to the root of the Wraith directory,
+### as `bundle exec rspec` is run from the root.
+##########
+
+#Headless browser option
+browser:
+  phantomjs: "chrome"
+
+# Type the name of the directory that shots will be stored in
+directory: 'shots_chrome'
+
+# Add only 2 domains, key will act as a label
+domains:
+  afrique: "http://www.bbc.com/afrique"
+  russian: "http://www.bbc.com/russian"
+
+#Type screen widths below, here are a couple of examples
+screen_widths:
+  - 600
+  - 1280
+
+#Type page URL paths below, here are a couple of examples
+paths:
+  home: /
+  home_menu:
+    path: /
+    selector: "#orb-nav-more"
+  uk_index: /uk
+
+# (optional) JavaScript file to execute before taking screenshot of every path. Default: nil
+  # before_capture: 'javascript/interact--chrome.js'
+  # before_capture: 'javascript/wait--chrome.js'
+
+#Amount of fuzz ImageMagick will use
+fuzz: '20%'
+
+# (optional) The maximum acceptable level of difference (in %) between two images before Wraith reports a failure. Default: 0
+threshold: 5
+
+# (optional) Specify the template (and generated thumbnail sizes) for the gallery output.
+gallery:
+  template: 'slideshow_template' # Examples: 'basic_template' (default), 'slideshow_template'
+  thumb_width:  200
+  thumb_height: 200
+
+# (optional) Choose which results are displayed in the gallery, and in what order. Default: alphanumeric
+# Options:
+#   alphanumeric - all paths (with or without a difference) are shown, sorted by path
+#   diffs_first - all paths (with or 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)
+# Note: different screen widths are always grouped together.
+mode: diffs_first

data/spec/js/global--chrome.js

@@ -0,0 +1,4 @@
+var callback = arguments[arguments.length-1];
+document.body.innerHTML = " ";
+document.body.style['background-color'] = 'red';
+callback();

data/spec/js/path--chrome.js

@@ -0,0 +1,4 @@
+var callback = arguments[arguments.length-1];
+document.body.innerHTML = " ";
+document.body.style['background-color'] = 'green';
+callback();

data/spec/save_images_spec.rb

@@ -3,19 +3,25 @@ require "image_size"
 
 describe Wraith do
   let(:config_name) { get_path_relative_to __FILE__, "./configs/test_config--phantom.yaml" }
+  let(:config_chrome) { get_path_relative_to __FILE__, "./configs/test_config--chrome.yaml" }
   let(:test_url1) { "http://www.bbc.com/afrique" }
   let(:test_url2) { "http://www.bbc.com/russian" }
   let(:test_image1) { "shots/test/test1.png" }
+  let(:test_image_chrome) { "shots_chrome/test/test_chrome.png" }
+  let(:test_image_chrome_selector) { "shots_chrome/test/test_chrome_selector.png" }
   let(:test_image2) { "shots/test/test(2).png" }
   let(:diff_image) { "shots/test/test_diff.png" }
   let(:data_txt) { "shots/test/test.txt" }
   let(:selector) { "" }
   let(:saving) { Wraith::SaveImages.new(config_name) }
+  let(:saving_chrome) { Wraith::SaveImages.new(config_chrome) }
   let(:wraith) { Wraith::Wraith.new(config_name) }
 
   before(:each) do
     Wraith::FolderManager.new(config_name).clear_shots_folder
+    Wraith::FolderManager.new(config_chrome).clear_shots_folder
     Dir.mkdir("shots/test")
+    Dir.mkdir("shots_chrome/test")
   end
 
   describe "When capturing an image" do
@@ -26,6 +32,18 @@ describe Wraith do
       `#{capture_image}`
       expect(image_size[0]).to eq 320
     end
+    it "saves image chrome" do
+      capture_image = saving_chrome.capture_image_selenium("1080x600", test_url1, test_image_chrome, selector, false, false)
+      image_size_chrome = ImageSize.path(test_image_chrome).size
+      expect(image_size_chrome[0]).to eq 1080
+    end
+    it "crops around a selector" do
+      selector = "#orb-nav-more"
+      capture_image = saving_chrome.capture_image_selenium(1440, test_url1, test_image_chrome_selector, selector, false, false)
+      image_size_chrome_selector = ImageSize.path(test_image_chrome_selector).size
+      expect(image_size_chrome_selector[0]).to eq 673
+      expect(image_size_chrome_selector[1]).to eq 40
+    end
   end
 
   describe "When comparing images" do

data/templates/javascript/cookies_and_headers--phantom.js

@@ -4,7 +4,7 @@
 // ######################################################
 module.exports = function (phantom, ready) {
 
-    page.customHeaders = {
+    phantom.customHeaders = {
         'SOME-HEADER': 'fish'
     };
 

data/templates/javascript/interact--chrome.js

@@ -0,0 +1,4 @@
+var callback = arguments[arguments.length-1];
+var a = document.querySelector('.some-class');
+a && a.click();
+setTimeout(callback, 2000);

data/templates/javascript/wait--chrome.js

@@ -0,0 +1,2 @@
+var callback = arguments[arguments.length-1];
+setTimeout(callback, 2000);

data/wraith.gemspec

@@ -24,9 +24,12 @@ Gem::Specification.new do |spec|
 
   spec.add_runtime_dependency 'rake'
   spec.add_runtime_dependency 'image_size'
+  spec.add_runtime_dependency 'mini_magick', "~> 4.8"
   spec.add_runtime_dependency 'anemone'
   spec.add_runtime_dependency 'robotex'
   spec.add_runtime_dependency 'log4r'
   spec.add_runtime_dependency 'thor'
   spec.add_runtime_dependency 'parallel'
+  spec.add_runtime_dependency 'selenium-webdriver', "~> 3.5"
+  spec.add_runtime_dependency 'chromedriver-helper', "~> 1.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: wraith
 version: !ruby/object:Gem::Version
-  version: 4.0.1
+  version: 4.2.0
 platform: ruby
 authors:
 - Dave Blooman
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-01-24 00:00:00.000000000 Z
+date: 2017-11-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: pry
@@ -82,6 +82,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: mini_magick
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.8'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.8'
 - !ruby/object:Gem::Dependency
   name: anemone
   requirement: !ruby/object:Gem::Requirement
@@ -152,6 +166,34 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: selenium-webdriver
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+- !ruby/object:Gem::Dependency
+  name: chromedriver-helper
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
 description: Wraith is a screenshot comparison tool, created by developers at BBC
   News.
 email:
@@ -206,6 +248,7 @@ files:
 - spec/before_capture_spec.rb
 - spec/config_spec.rb
 - spec/configs/test_config--casper.yaml
+- spec/configs/test_config--chrome.yaml
 - spec/configs/test_config--imports.yaml
 - spec/configs/test_config--phantom.yaml
 - spec/configs/test_config--spider.yaml
@@ -213,7 +256,9 @@ files:
 - spec/gallery_spec.rb
 - spec/helper_spec.rb
 - spec/js/custom_snap_file.js
+- spec/js/global--chrome.js
 - spec/js/global.js
+- spec/js/path--chrome.js
 - spec/js/path.js
 - spec/resize_reload_spec.rb
 - spec/save_images_spec.rb
@@ -230,8 +275,10 @@ files:
 - templates/javascript/disable_javascript--casper.js
 - templates/javascript/disable_javascript--phantom.js
 - templates/javascript/interact--casper.js
+- templates/javascript/interact--chrome.js
 - templates/javascript/interact--phantom.js
 - templates/javascript/wait--casper.js
+- templates/javascript/wait--chrome.js
 - templates/javascript/wait--phantom.js
 - wraith.gemspec
 homepage: https://github.com/BBC-News/wraith
@@ -254,7 +301,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.10
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: Wraith is a screenshot comparison tool, created by developers at BBC News.
@@ -265,6 +312,7 @@ test_files:
 - spec/before_capture_spec.rb
 - spec/config_spec.rb
 - spec/configs/test_config--casper.yaml
+- spec/configs/test_config--chrome.yaml
 - spec/configs/test_config--imports.yaml
 - spec/configs/test_config--phantom.yaml
 - spec/configs/test_config--spider.yaml
@@ -272,7 +320,9 @@ test_files:
 - spec/gallery_spec.rb
 - spec/helper_spec.rb
 - spec/js/custom_snap_file.js
+- spec/js/global--chrome.js
 - spec/js/global.js
+- spec/js/path--chrome.js
 - spec/js/path.js
 - spec/resize_reload_spec.rb
 - spec/save_images_spec.rb