Make a JSON API for the frontend to talk to

Author: avh4

README.md

@@ -21,6 +21,6 @@ npm install
     - mac: `npm start`
     - windows: `nw C:\path\to\node-webkit-angular-tdd-sample`
     - linux: ``nw `pwd` ``
- - Run the tests: `npm test`
+ - Run the tests: `npm test && npm run-script acceptance-test`
  - Build packaged app: `grunt nodewebkit` (output is in `./build/releases`)
 

acceptance/HelloTest.js

@@ -15,4 +15,8 @@ describe('Hello World', function() {
             expect(element(by.css("h1")).getText()).toBe("Hello Arthur!");
         });
     });
+
+    it('shows the node version', function() {
+        expect(element(by.css("p")).getText()).toMatch(/We are using node\.js v\d+\.\d+\.\d+/);
+    });
 });

main.js

@@ -1,6 +1,19 @@
 var connect = require('connect');
 var http = require('http');
-
 var web = connect().use(connect.static('public'));
 
+var restify = require('restify');
+var api = restify.createServer();
+api.use(restify.fullResponse());
+api.use(function(request, response, next) {
+	response.once('header', function() {
+		response.setHeader('Access-Control-Allow-Origin', 'http://localhost:3020');
+	});
+	next();
+});
+api.get('/node', function(request, response, next) {
+	response.send({ version: process.version });
+});
+
 http.createServer(web).listen(3020, 'localhost');
+api.listen(3021, 'localhost');

package.json

@@ -48,6 +48,7 @@
         "protractor": "~0.20.1"
     },
     "dependencies": {
-        "connect": "~2.14.1"
+        "connect": "~2.14.1",
+        "restify": "~2.6.3"
     }
 }

public/index.html

@@ -11,7 +11,7 @@
 <div class="container">
   <div class="jumbotron" ng-controller="HelloController">
     <h1>Hello<span ng-if="name"> </span>{{ name }}!</h1>
-    <p>We are using node.js <script>document.write(process.version)</script>.</p>
+    <p ng-init="fetchNodeInfo()">We are using node.js {{ version }}.</p>
 
     <label for="name">Name</label>
     <input class="form-control" id="name" ng-model="name"/>

public/js/HelloController.js

@@ -1,6 +1,14 @@
 'use strict';
 
-angular.module("HelloApp", []).controller('HelloController', ['$scope',
-  function($scope) {
-    $scope.name = "World";
-}]);
+angular.module("HelloApp", []).controller('HelloController', ['$scope', '$http',
+    function($scope, $http) {
+        $scope.name = "World";
+
+        $scope.fetchNodeInfo = function() {
+            $http.get("http://localhost:3021/node")
+                .success(function(data) {
+                    $scope.version = data.version;
+                });
+        };
+    }
+]);

test/HelloControllerTest.js

@@ -1,14 +1,27 @@
 describe('HelloController', function() {
-  var $scope;
+    var $scope;
 
-  beforeEach(module('HelloApp'));
+    beforeEach(module('HelloApp'));
 
-  beforeEach(inject(function($rootScope, $controller) {
-    $scope = $rootScope.$new();
-    $controller('HelloController', { '$scope': $scope });
-  }));
+    beforeEach(inject(function($rootScope, $controller) {
+        $scope = $rootScope.$new();
+        $controller('HelloController', {
+            '$scope': $scope
+        });
+    }));
 
-  it('sets the initial name', function() {
-    expect($scope.name).toEqual('World');
-  });
+    it('sets the initial name', function() {
+        expect($scope.name).toEqual('World');
+    });
+
+    describe('fetchNodeInfo()', function() {
+        it('requests the data from the backend', inject(function($httpBackend) {
+            $httpBackend.whenGET("http://localhost:3021/node").respond({
+                version: "99.1"
+            });
+            $scope.fetchNodeInfo();
+            $httpBackend.flush();
+            expect($scope.version).toBe("99.1");
+        }));
+    });
 });