Update visual regression test with BackstopJS

test/visual/backstop.config.js

@@ -1,114 +1,112 @@
 module.exports = {
 	viewports: [
 		{ name: 'phone', width: 320, height: 480 },
-		{ name: 'tablet', width: 768, height: 1024 },
-		{ name: 'laptop', width: 1280, height: 800 },
-		{ name: 'desktop', width: 1920, height: 1080 }
+		{ name: 'laptop', width: 1280, height: 800 }
 	],
 	scenarios: [{
-    label: 'Typography',
-    url: 'http://localhost:3000',
-    hideSelectors: [],
-    removeSelectors: ['#__bs_notify__'],
-    selectors: ['#typography'],
-    readyEvent: null,
-    delay: 500,
-    misMatchThreshold: 0.1,
-    onBeforeScript: 'onBefore.js',
-    onReadyScript: 'onReady.js'
-  },{
-    label: 'Blockquotes',
-    url: 'http://localhost:3000',
-    hideSelectors: [],
-    removeSelectors: ['#__bs_notify__'],
-    selectors: ['#blockquotes'],
-    readyEvent: null,
-    delay: 500,
-    misMatchThreshold: 0.1,
-    onBeforeScript: 'onBefore.js',
-    onReadyScript: 'onReady.js'
-  }, {
-    label: 'Buttons',
-    url: 'http://localhost:3000',
-    hideSelectors: [],
-    removeSelectors: ['#__bs_notify__'],
-    selectors: ['#buttons'],
-    readyEvent: null,
-    delay: 500,
-    misMatchThreshold: 0.1,
-    onBeforeScript: 'onBefore.js',
-    onReadyScript: 'onReady.js'
-  }, {
-    label: 'Lists',
-    url: 'http://localhost:3000',
-    hideSelectors: [],
-    removeSelectors: ['#__bs_notify__'],
-    selectors: ['#lists'],
-    readyEvent: null,
-    delay: 500,
-    misMatchThreshold: 0.1,
-    onBeforeScript: 'onBefore.js',
-    onReadyScript: 'onReady.js'
-  }, {
-    label: 'Forms',
-    url: 'http://localhost:3000',
-    hideSelectors: [],
-    removeSelectors: ['#__bs_notify__'],
-    selectors: ['#forms'],
-    readyEvent: null,
-    delay: 500,
-    misMatchThreshold: 0.1,
-    onBeforeScript: 'onBefore.js',
-    onReadyScript: 'onReady.js'
-  }, {
-    label: 'Tables',
-    url: 'http://localhost:3000',
-    hideSelectors: [],
-    removeSelectors: ['#__bs_notify__'],
-    selectors: ['#tables'],
-    readyEvent: null,
-    delay: 500,
-    misMatchThreshold: 0.1,
-    onBeforeScript: 'onBefore.js',
-    onReadyScript: 'onReady.js'
-  }, {
-    label: 'Grids',
-    url: 'http://localhost:3000',
-    hideSelectors: [],
-    removeSelectors: ['#__bs_notify__'],
-    selectors: ['#grids'],
-    readyEvent: null,
-    delay: 500,
-    misMatchThreshold: 0.1,
-    onBeforeScript: 'onBefore.js',
-    onReadyScript: 'onReady.js'
-  }, {
-    label: 'Codes',
-    url: 'http://localhost:3000',
-    hideSelectors: [],
-    removeSelectors: ['#__bs_notify__'],
-    selectors: ['#codes'],
-    readyEvent: null,
-    delay: 500,
-    misMatchThreshold: 0.1,
-    onBeforeScript: 'onBefore.js',
-    onReadyScript: 'onReady.js'
-  }, {
-    label: 'Utilities',
-    url: 'http://localhost:3000',
-    hideSelectors: [],
-    removeSelectors: ['#__bs_notify__'],
-    selectors: ['#utilities'],
-    readyEvent: null,
-    delay: 500,
-    misMatchThreshold: 0.1,
-    onBeforeScript: 'onBefore.js',
-    onReadyScript: 'onReady.js'
-  }],
+		label: 'Typography',
+		url: 'http://localhost:3000',
+		hideSelectors: [],
+		removeSelectors: ['#__bs_notify__'],
+		selectors: ['#typography'],
+		readyEvent: null,
+		delay: 500,
+		misMatchThreshold: 0.1,
+		onReadyScript: null,
+		onBeforeScript: null
+	}, {
+		label: 'Blockquotes',
+		url: 'http://localhost:3000',
+		hideSelectors: [],
+		removeSelectors: ['#__bs_notify__'],
+		selectors: ['#blockquotes'],
+		readyEvent: null,
+		delay: 500,
+		misMatchThreshold: 0.1,
+		onReadyScript: null,
+		onBeforeScript: null
+	}, {
+		label: 'Buttons',
+		url: 'http://localhost:3000',
+		hideSelectors: [],
+		removeSelectors: ['#__bs_notify__'],
+		selectors: ['#buttons'],
+		readyEvent: null,
+		delay: 500,
+		misMatchThreshold: 0.1,
+		onReadyScript: null,
+		onBeforeScript: null
+	}, {
+		label: 'Lists',
+		url: 'http://localhost:3000',
+		hideSelectors: [],
+		removeSelectors: ['#__bs_notify__'],
+		selectors: ['#lists'],
+		readyEvent: null,
+		delay: 500,
+		misMatchThreshold: 0.1,
+		onReadyScript: null,
+		onBeforeScript: null
+	}, {
+		label: 'Forms',
+		url: 'http://localhost:3000',
+		hideSelectors: [],
+		removeSelectors: ['#__bs_notify__'],
+		selectors: ['#forms'],
+		readyEvent: null,
+		delay: 500,
+		misMatchThreshold: 0.1,
+		onReadyScript: null,
+		onBeforeScript: null
+	}, {
+		label: 'Tables',
+		url: 'http://localhost:3000',
+		hideSelectors: [],
+		removeSelectors: ['#__bs_notify__'],
+		selectors: ['#tables'],
+		readyEvent: null,
+		delay: 500,
+		misMatchThreshold: 0.1,
+		onReadyScript: null,
+		onBeforeScript: null
+	}, {
+		label: 'Grids',
+		url: 'http://localhost:3000',
+		hideSelectors: [],
+		removeSelectors: ['#__bs_notify__'],
+		selectors: ['#grids'],
+		readyEvent: null,
+		delay: 500,
+		misMatchThreshold: 0.1,
+		onReadyScript: null,
+		onBeforeScript: null
+	}, {
+		label: 'Codes',
+		url: 'http://localhost:3000',
+		hideSelectors: [],
+		removeSelectors: ['#__bs_notify__'],
+		selectors: ['#codes'],
+		readyEvent: null,
+		delay: 500,
+		misMatchThreshold: 0.1,
+		onReadyScript: null,
+		onBeforeScript: null
+	}, {
+		label: 'Utilities',
+		url: 'http://localhost:3000',
+		hideSelectors: [],
+		removeSelectors: ['#__bs_notify__'],
+		selectors: ['#utilities'],
+		readyEvent: null,
+		delay: 500,
+		misMatchThreshold: 0.1,
+		onReadyScript: null,
+		onBeforeScript: null
+	}],
 	paths: {
 		bitmaps_reference: '../../test/visual/reference',
 		bitmaps_test: '.tmp',
-		casper_scripts: '../../test/visual/fixtures',
+		casper_scripts: null,
 		compare_data: '.tmp/compare.json'
 	},
 	engine: 'phantomjs',

test/visual/fixtures/onBefore.js

@@ -1,4 +0,0 @@
-module.exports = function(casper, scenario, vp) {
-	casper.echo('onBeforeEach.js', 'INFO');
-	casper.wait(50);
-};

test/visual/fixtures/onReady.js

@@ -1,4 +0,0 @@
-module.exports = function(casper, scenario, vp) {
-	casper.echo('onReady.js', 'INFO');
-	casper.wait(50);
-};