Defining the sections that will be analyzed by the test

package.json

@@ -53,8 +53,7 @@
 		"node-sass": "^3.7.0",
 		"npm-run-all": "^2.1.1",
 		"onchange": "^2.4.0",
-		"postcss-cli": "^2.5.2",
-		"slimerjs": "^0.906.2"
+		"postcss-cli": "^2.5.2"
 	},
 	"engines": {
 		"node": "^6.0.0"

test/visual/backstop.config.js

@@ -1,18 +1,104 @@
 module.exports = {
 	viewports: [
-		{ name: 'phone_v', width: 320, height: 480 },
-		{ name: 'phone_h', width: 480, height: 320 },
-		{ name: 'tablet_v', width: 768, height: 1024 },
-		{ name: 'tablet_h', width: 1024, height: 768 },
+		{ name: 'phone', width: 320, height: 480 },
+		{ name: 'tablet', width: 768, height: 1024 },
 		{ name: 'laptop', width: 1280, height: 800 },
 		{ name: 'desktop', width: 1920, height: 1080 }
 	],
 	scenarios: [{
-		label: 'Milligram | A minimalist CSS framework.',
+    label: 'Typography',
     url: 'http://localhost:3000',
     hideSelectors: [],
     removeSelectors: ['#__bs_notify__'],
-		selectors: ['body'],
+    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,
@@ -25,8 +111,8 @@ module.exports = {
 		casper_scripts: '../../test/visual/fixtures',
 		compare_data: '.tmp/compare.json'
 	},
-	engine: 'slimerjs',
-	report: ['browser'],
+	engine: 'phantomjs',
+	report: ['browser', 'CLI'],
 	casperFlags: [],
 	debug: false,
 	port: 3002