test(*): Fix e2e testing setup and one test case

 * Point to app.scenarios.js under files in karma-e2e.conf.js
 * Set up a proxy to run e2e tests without any cross-domain issue
 * Register two tasks for test:unit and test:e2e to run them using grunt
 * Update README

Author: codef0rmerz

Gruntfile.js

@@ -99,6 +99,10 @@ module.exports = function (grunt) {
       ]
     },
     karma: {
+      e2e: {
+        configFile: 'karma-e2e.conf.js',
+        singleRun: true
+      },
       unit: {
         configFile: 'karma.conf.js',
         singleRun: true
@@ -272,13 +276,22 @@ module.exports = function (grunt) {
     'open',
     'watch'
   ]);
-
-  grunt.registerTask('test', [
+  
+  grunt.registerTask('test:unit', [
     'clean:server',
     'coffee',
     'compass',
     'connect:test',
-    'karma'
+    'karma:unit'
+  ]);
+
+  grunt.registerTask('test:e2e', [
+    'clean:server',
+    'coffee',
+    'compass',
+    'livereload-start',
+    'connect:livereload',
+    'karma:e2e'
   ]);
 
   grunt.registerTask('build', [

README.md

@@ -18,10 +18,19 @@ Because I wanted to write Testable Application in AngularJS.
 #Try?
 You need to have [prerequisite components](http://wp.me/paveF-h6) installed to run it. Finally just run:
 
+###basic setup
 * $ cd eShell
 * $ sudo npm install
 * $ sudo bower install
+
+### Fire up an app
 * $ grunt server
 
+### Run unit tests
+* $ grunt test:unit
+
+### Run e2e tests
+* $ grunt test:e2e
+
 #Todo?
 Include more templates

karma-e2e.conf.js

@@ -7,7 +7,7 @@ basePath = '';
 files = [
   ANGULAR_SCENARIO,
   ANGULAR_SCENARIO_ADAPTER,
-  'test/e2e/**/*.js'
+  'test/app.scenarios.js'
 ];
 
 // list of files to exclude
@@ -18,7 +18,7 @@ exclude = [];
 reporters = ['progress'];
 
 // web server port
-port = 8080;
+port = 8000;
 
 // cli runner port
 runnerPort = 9100;
@@ -28,10 +28,10 @@ colors = true;
 
 // level of logging
 // possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
-logLevel = LOG_INFO;
+logLevel = LOG_DEBUG;
 
 // enable / disable watching file and executing tests whenever any file changes
-autoWatch = false;
+autoWatch = true;
 
 // Start these browsers, currently available:
 // - Chrome
@@ -49,3 +49,8 @@ captureTimeout = 5000;
 // Continuous Integration mode
 // if true, it capture browsers, run tests and exit
 singleRun = false;
+
+proxies = {
+	'/': 'http://localhost:9000/'
+};
+urlRoot = '/_e2e/';

test/app.scenarios.js

@@ -1,6 +1,6 @@
 describe('text box scenario', function () {
   beforeEach(function () {
-    browser().navigateTo('http://localhost:9000');
+    browser().navigateTo('/');
   });
   it('should disable submit/tryagain/showans buttons on page/template load', function () {
     expect(element('button:contains("Submit")').attr('disabled')).toBe('disabled');
@@ -9,7 +9,7 @@ describe('text box scenario', function () {
   });
 
   it('should set attempt 1 of N', function () {
-    expect(element('div[ng-controller="FooterCtrl"] div.pull-left:first > input').val()).toContain('Attempt 1 of');
+    expect(element('div[ng-controller="FooterCtrl"] div.pull-left:first > button:eq(0)').html()).toContain('Attempt 1 of');
   });
 
   it('should set template 1 of N', function () {