adding unit tests

Author: totorean

README.md

@@ -1 +1,15 @@
-# angularDemo
+# Synopsis
+
+A darksky API consumer UI
+
+# Installation
+
+npm start
+
+# Tests
+
+karma start
+
+# License
+
+MIT

app/main/main.html

@@ -1,6 +1,6 @@
 <div class="main-view">
     <p>Select a city to display the weather</p>
     <div class="locations-list" ng-if="locations">
-        <location ng-repeat="location in locations" tooltip={ {location.tooltip}} label={{location.label}} icon={{location.icon}} ng-click="displayWeather($index)"></location>
+        <location ng-repeat="location in locations" tooltip={{location.tooltip}} label={{location.label}} icon={{location.icon}} ng-click="displayWeather($index)"></location>
     </div>
 </div>

karma.conf.js

@@ -21,7 +21,10 @@ module.exports = function (config) {
               './app.js',
               './app/main/main.js',
               './app/main/locationsService.js',
-              './test/main/locationsService.spec.js'
+              './app/forecast/forecast.js',
+              './app/components/Components.js',
+              './app/components/location/locationDirective.js',
+              './test/**/*.js'
     ],
 
 

test/components/locationDirective.spec.js

@@ -0,0 +1,52 @@
+describe('Location directive', function () {
+
+    beforeEach(module('Components'));
+
+    var element;
+    var outerScope;
+    var innerScope;
+
+    // Before each test load our darkskyForecast.main module
+    beforeEach(inject(function ($rootScope, $compile) {
+        element = angular.element('<location tooltip={{loc.tooltip}} label={{loc.label}} icon={{loc.icon}} ng-click="weatherCallback()"></location>');
+        outerScope = $rootScope;
+        $compile(element)(outerScope);
+        innerScope = element.isolateScope();
+        outerScope.$digest();
+    }));
+
+    describe('HTML element', function () {
+        beforeEach(function () {
+            outerScope.$apply(function () {
+                outerScope.loc = {
+                    tooltip: "Timisoara",
+                    label: "Timisoara",
+                    icon: "timisoara",
+                    id: "timisoara"
+                };
+            });
+        })
+        it('should be rendered correctly', function () {
+            expect(element[0].title).toBe('Timisoara');
+            expect(element[0].children[0].src).toContain('timisoara.png');
+            expect(element[0].children[1].innerHTML).toBe('Timisoara');
+        });
+    });
+
+    describe('when the directive is clicked', function () {
+        var spy = jasmine.createSpy('weatherCallback');
+        beforeEach(function () {
+            outerScope.$apply(function () {
+                outerScope.weatherCallback = spy;
+            });
+        });
+        beforeEach(function () {
+            var event = document.createEvent("MouseEvent");
+            event.initMouseEvent("click", true, true);
+            element[0].dispatchEvent(event);
+        });
+        it('the callback should be called', function () {
+            expect(spy).toHaveBeenCalled();
+        });
+    });
+});

test/forecast/forecast.spec.js

@@ -0,0 +1,32 @@
+describe('Forecast controller', function () {
+    beforeEach(module('darkskyForecast.forecast'));
+
+    var scope, $routeParams, createCtrl;
+
+    beforeEach(inject(function ($rootScope, _$routeParams_, $controller) {
+        scope = $rootScope.$new();
+        $routeParams = _$routeParams_;
+        createCtrl = function () {
+            return $controller('ForecastCtrl', {
+                $scope: scope,
+                _$routeParams_: $routeParams
+            })
+        };
+        var localStorage = window.localStorage;
+        spyOn(localStorage, 'setItem').and.callFake(function (key, val) {
+            return store[key] = value;
+        });
+    }));
+
+    it('should have the location data on scope', function () {
+        localStorage['timisoara'] = JSON.stringify({
+            tooltip: "Timisoara",
+            label: "Timisoara",
+            icon: "timisoara",
+            id: "timisoara"
+        });
+        $routeParams.location = 'timisoara';
+        var ctrl = createCtrl();
+        expect(scope.location.label).toEqual('Timisoara');
+    });
+});

test/main/locationsService.spec.js

@@ -1,17 +1,16 @@
 describe('Locations provider', function () {
+    // Before each test load our darkskyForecast.main module
+    beforeEach(module('darkskyForecast.main'));
+
     var locationsService;
     var $httpBackend;
 
-    // Before each test load our api.users module
-    beforeEach(module('darkskyForecast.main'));
-
-    // Before each test set our injected Users factory (_Users_) to our local Users variable
     beforeEach(inject(function (_locationsService_, _$httpBackend_) {
         locationsService = _locationsService_;
         $httpBackend = _$httpBackend_;
     }));
 
-    it("when loading the locations", function () {
+    it("should load the locations", function () {
         $httpBackend.whenGET('app/main/locations.json').respond({
             locations: [{
                 tooltip: "Timisoara",