Update test coverage

.travis.yml

@@ -1,7 +1,4 @@
 sudo: false
 language: node_js
-node_js:
-  - 6
-before_install:
-  - node --version
-  - npm --version
+node_js: 6
+scripts: npm test

backstop.conf.js

@@ -104,13 +104,14 @@ module.exports = {
 		onBeforeScript: null
 	}],
 	paths: {
-		bitmaps_reference: '../../test/visual/reference',
-		bitmaps_test: '.tmp',
-		casper_scripts: null,
-		compare_data: '.tmp/compare.json'
+		bitmaps_reference: 'test/reference',
+		bitmaps_test: 'node_modules/backstopjs/.tmp/bitmaps_test',
+		casper_scripts: 'node_modules/backstopjs/.tmp/casper_scripts',
+		html_report: 'node_modules/backstopjs/.tmp/html_report',
+		ci_report: 'node_modules/backstopjs/.tmp/ci_report'
 	},
 	engine: 'phantomjs',
-	report: ['browser', 'CLI'],
+	report: ['browser', 'CLI', 'CI'],
 	casperFlags: [],
 	debug: false,
 	port: 3002

package.json

@@ -49,7 +49,7 @@
 	},
 	"devDependencies": {
 		"autoprefixer": "^6.3.6",
-		"backstopjs": "^1.3.5",
+		"backstopjs": "^2.0.6",
 		"browser-sync": "^2.13.0",
 		"node-sass": "^3.7.0",
 		"npm-run-all": "^2.1.1",
@@ -69,10 +69,10 @@
 		"lint": "sass-lint -c .sasslintrc 'src/*.sass' --verbose --no-exit",
 		"build": "run-s lint sass autoprefixer banner",
 		"watch": "onchange src -- npm run build",
-		"serve": "browser-sync start -s test --ss dist -f dist",
+		"serve": "browser-sync start --no-notify -s test --ss dist -f dist",
 		"start": "run-p watch serve",
-		"reference": "cd node_modules/backstopjs && npm run reference -- --configPath=../../test/visual/backstop.config.js && cd ../../",
-		"compare": "cd node_modules/backstopjs && npm run test -- --configPath=../../test/visual/backstop.config.js && cd ../../",
-		"test": "run-s build"
+		"reference": "backstop reference --configPath=backstop.conf.js",
+		"compare": "backstop test --configPath=backstop.conf.js",
+		"test": "run-s build && run-p serve compare"
 	}
 }

test/index.html

@@ -6,18 +6,18 @@
 		<meta name="author" content="CJ Patoilo">
 		<meta name="description" content="Milligram provides a minimal setup of styles for a fast and clean starting point. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.">
 		<title>Milligram | A minimalist CSS framework.</title>
-		<link rel="icon" href="https://milligram.github.io/img/favicon.ico">
+		<link rel="icon" href="https://milligram.github.io/images/favicon.ico">
 		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
 		<link rel="stylesheet" href="milligram.min.css"><!-- to generate this style run `$ npm start` -->
-		<link rel="stylesheet" href="https://milligram.github.io/css/style.css">
+		<link rel="stylesheet" href="https://milligram.github.io/styles/main.min.css">
 	</head>
 	<body>
 
 		<main class="wrapper">
 
 			<section class="container" id="image">
-				<img src="https://raw.githubusercontent.com/milligram/milligram.github.io/master/img/thumbnail.jpg" alt="Image">
+				<img src="https://raw.githubusercontent.com/milligram/milligram.github.io/master/images/thumbnail.jpg" alt="Image">
 			</section>
 
 			<section class="container" id="typography">