new example configs and fixed #325

lib/wraith/javascript/phantom--nojs.js

@@ -1,5 +1,6 @@
 var system = require('system');
 
+// @TODO - make a javascript_disabled property in YAML, and pass via command line
 require('./_phantom__common.js')({
   systemArgs:        system.args,
   javascriptEnabled: false

templates/configs/component.yaml

@@ -35,13 +35,7 @@ screen_widths:
   - 1280
 
 # the engine to run Wraith with.
-browser:
-  phantomjs: "casperjs"   # variant of PhantomJS that allows screenshots by element selector
-  #phantomjs: "phantomjs" # PhantomJS, built on top of Webkit and JavascriptCore (like Safari)
-  #slimerjs: "slimerjs"   # SlimerJS, built on top of Gecko and SpiderMonkey (like Firefox)
-
-# the file in charge of taking the screenshot
-snap_file: "javascript/casper.js"
+browser: "casperjs"
 
 # the directory that your base screenshots will be stored in
 history_dir: 'shots_base'

templates/configs/multiple_domains.yaml

@@ -30,14 +30,8 @@ screen_widths:
   - 1024
   - 1280
 
-# the engine to run Wraith with.
-browser:
-  #phantomjs: "casperjs"   # variant of PhantomJS that allows screenshots by element selector
-  phantomjs: "phantomjs" # PhantomJS, built on top of Webkit and JavascriptCore (like Safari)
-  #slimerjs: "slimerjs"   # SlimerJS, built on top of Gecko and SpiderMonkey (like Firefox)
-
-# the file in charge of taking the screenshot
-snap_file: "javascript/phantom--nojs.js"
+# the engine to run Wraith with. Examples: 'phantomjs', 'casperjs', 'slimerjs'
+browser: "phantomjs"
 
 # the directory that your base screenshots will be stored in
 history_dir: 'shots_base'

templates/configs/spider.yaml

@@ -5,19 +5,19 @@ domains:
 
 # Notice the absence of a `paths` property. When no paths are provided, Wraith defaults to
 # spidering mode to check your entire website.
-​
-​# A list of URLs to skip when spidering.
-# Ruby regular expressions can be​ used, if prefixed with `!ruby/regexp` as defined in the YAML Cookbook​.
-​# See http://www.yaml.org/YAML_for_ruby.html#regexps​
-​spider_skips:​
-  - /foo/bar.html           # Matches /foo/bar.html explicitly​
-​  - !ruby/regexp /^\/baz\// # Matches any URLs that start with /baz​
-
-# the filename of the spider file to use. Default: spider.txt​
+
+# A list of URLs to skip when spidering.
+# Ruby regular expressions can be used, if prefixed with `!ruby/regexp` as defined in the YAML Cookbook​.
+# See http://www.yaml.org/YAML_for_ruby.html#regexps
+spider_skips:
+  - /foo/bar.html           # Matches /foo/bar.html explicitly
+  - !ruby/regexp /^\/baz\// # Matches any URLs that start with /baz
+
+# the filename of the spider file to use. Default: spider.txt
 spider_file: example_com_spider.txt
-​
-​# the number of days to keep the site spider file​
-spider_days: 10​
+
+# the number of days to keep the site spider file
+spider_days: 10
 
 # amount of fuzz ImageMagick will use when comparing images. A higher fuzz makes the comparison less strict.
 fuzz: '20%'
@@ -35,13 +35,7 @@ screen_widths:
   - 1280
 
 # the engine to run Wraith with.
-browser:
-  #phantomjs: "casperjs"   # variant of PhantomJS that allows screenshots by element selector
-  phantomjs: "phantomjs" # PhantomJS, built on top of Webkit and JavascriptCore (like Safari)
-  #slimerjs: "slimerjs"   # SlimerJS, built on top of Gecko and SpiderMonkey (like Firefox)
-
-# the file in charge of taking the screenshot
-snap_file: "javascript/phantom.js"
+browser: "phantomjs"
 
 # the directory that your latest screenshots will be stored in
 directory: 'shots_nojs'

templates/javascript/beforeCapture--casper_example.js

@@ -1,5 +1,12 @@
-module.exports = function (browserEngine) {
-    browserEngine.wait(2000, function() {
-        browserEngine.click('.ns-panel__hotspot--2');
+module.exports = function (casper) {
+
+    /* you may want to test some interaction on the page */
+    casper.wait(2000, function() {
+        casper.click('.ns-panel__hotspot--2');
     });
+
+    /* or you may want to see how your page looks without JavaScript */
+    // casper.options.pageSettings.javascriptEnabled = false;
+    // casper.thenOpen(casper.page.url);
+
 }

templates/javascript/beforeCapture--phantom_example.js

@@ -1,9 +1,16 @@
-module.exports = function (browserEngine) {
-    browserEngine.evaluate(function(){
+module.exports = function (phantom) {
+
+    /* you may want to test some interaction on the page */
+    phantom.evaluate(function(){
         var a = document.querySelector('.ns-panel__hotspot--2');
         var e = document.createEvent('MouseEvents');
         e.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
         a.dispatchEvent(e);
         waitforload = true;
     });
+
+    /* or you may want to see how your page looks without JavaScript */
+    // phantom.settings.javascriptEnabled = false;
+    // phantom.open(phantom.page.url);
+
 }