casperjs, makefile, few fixes

.gitignore

@@ -1,5 +1,6 @@
 node_modules
 examples/static-server/node_modules
+examples/express-app/node_modules
 test/node_modules
-test/screenshots
+/*.jpg
 *.log

.npmignore

@@ -1,4 +1,5 @@
 examples
 node_modules
 test
+/*.jpg
 *.log

Makefile

@@ -0,0 +1,7 @@
+# unit tests
+test:
+	node_modules/.bin/mocha -R nyan ./test/spec
+
+# phantomjs screenshots
+screenshots:
+	casperjs ./test/runTest.js

README.md

@@ -83,7 +83,7 @@ Now in your main Stylus file we add ``@import`` configuration and start to use d
 
 - ``vendors`` - list of vendors you want to use (by default includes ``webkit``, ``moz``, ``ms``, ``o`` and ``official`` which means unprefixed property);
 
-- ``ie-support`` - set to ``true`` to enable special IE properties like ``filter: alpha(opacity = 100)`` etc.;
+- ``ie-support`` - set to ``true`` to enable special IE properties like ``filter: alpha(opacity = 100)`` etc.
 
 - ``font-stack`` - global font-family stack;
 

package.json

@@ -12,8 +12,7 @@
     "email": "dmitri.voronianski@gmail.com"
   },
   "scripts": {
-    "test": "node_modules/.bin/mocha -R nyan ./test/spec",
-    "screenshots": "casperjs ./test/runTest.js"
+    "test": "node_modules/.bin/mocha -R nyan ./test/spec"
   },
   "main": "index.js",
   "engines": {

test/README.md

@@ -16,19 +16,19 @@ make test
 
 ##Screenshots
 
-To test Dookie visually you'll need to start test server at first:
+To test Dookie visually you'll need to install all dependencies:
 
 ```bash
-node ./test/server.js
+npm install
 ```
 
-and in **new terminal window** to run test itself (be sure that you have [casper.js installed](http://casperjs.org/installation.html) on your machine):
+and then start test server:
 
 ```bash
-npm screenshots
+node ./test/server.js
 ```
 
-or
+and in **new terminal window** run test itself (be sure that you have [casper.js installed](http://casperjs.org/installation.html) on your machine):
 
 ```bash
 make screenshots

test/public/css/style.css

@@ -163,7 +163,8 @@ a img {
   font-style: normal;
 }
 .tests {
-  width: 400px;
+  background-color: #fff;
+  width: 800px;
   margin: 0 auto 100px;
   text-align: center;
 }

test/runTest.js

@@ -1,3 +1,23 @@
 var casper = require('casper').create();
+var colorizer = require('colorizer').create('Colorizer');
 
-var url = casper.cli.get(0) || 'localhost:8082';
+var url = casper.cli.get(0) || 'http://localhost:8082';
+
+var date = (new Date()).toString().replace(/\s/g, '-');
+var filename = 'dookie-css-test-' + date + '.jpg';
+
+casper.start(url, function () {
+	this.echo('test started on url -' + url, 'INFO');
+});
+
+casper.then(function () {
+	casper.waitForSelector('.tests', function () {
+		this.captureSelector(filename, '.tests');
+		this.echo('screenshot captured under name - ' + filename, 'COMMENT');
+	});
+});
+
+casper.run(function () {
+	this.echo('test ended', 'INFO');
+	this.exit();
+});

test/styl/style.styl

@@ -5,7 +5,8 @@ base-classes()
 font-face(OpenSansRegular, '../fonts')
 
 .tests
-	width: 400px
+	background-color: #FFF
+	width: 800px
 	margin: 0 auto 100px
 	center()