Better grunt tasks to open examples and tests

Author: Marlow Payne

Gruntfile.js

@@ -36,6 +36,7 @@ module.exports = function(grunt) {
         'grunt-contrib-watch',
         'grunt-eslint',
         'grunt-mocha-phantomjs',
+        'grunt-open',
         'grunt-sass',
         'grunt-sass-lint',
         'grunt-shell',
@@ -48,10 +49,11 @@ module.exports = function(grunt) {
         }
     });
 
+    grunt.registerTask('examples', ['build', 'connect:server', 'open:examples', 'watch']);
     grunt.registerTask('serve', ['build', 'connect:server', 'watch']);
     grunt.registerTask('build', ['sasslint', 'lint:prod', 'copy', 'uglify', 'version:all', 'sass', 'autoprefixer']);
     grunt.registerTask('release', ['test', 'shell:tagRelease']);
     grunt.registerTask('test', ['build', 'connect:test', 'mocha_phantomjs']);
-    grunt.registerTask('test:browser', ['build', 'connect:test:keepalive']);
+    grunt.registerTask('test:browser', ['build', 'open:tests', 'connect:test:keepalive']);
     grunt.registerTask('default', 'build');
 };

README.md

@@ -9,7 +9,7 @@ A mobile-first accordion UI module for progressive disclosure on the web.
 
 ## Demo
 
-You can find a simple demo on [the Documentation page](http://mobify.github.io/bellows). More demos can be found inside the `examples` folder in the repo.
+You can find a simple demo on [the Documentation page](http://mobify.github.io/bellows). More demos can be found inside the `examples` folder in the repo. Run `grunt examples` to see them in Chrome (mobile device emulation is recommended).
 
 ## Requirements
 

tasks/config/open.js

@@ -0,0 +1,12 @@
+module.exports = function(grunt) {
+    return {
+        examples: {
+            path: 'http://localhost:3000/examples',
+            app: 'Google Chrome'
+        },
+        tests: {
+            path: 'http://localhost:8888/tests/runner',
+            app: 'Google Chrome'
+        }
+    };
+};

tasks/config/watch.js

@@ -1,6 +1,9 @@
 module.exports = function(grunt) {
     return {
-        files: ["src/**/*"],
+        files: [
+            'src/**/*',
+            'examples/**/*'
+        ],
         tasks: ['build']
     };
 };