Created
January 2, 2014 23:55
-
-
Save doronkatz/8229696 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
'use strict'; | |
var app = angular.module('chapter4App', | |
['directives', 'services']); | |
app.config(['$routeProvider', function($routeProvider) { | |
$routeProvider. | |
when('/', { | |
controller: 'ListCtrl', | |
resolve: { | |
recipes: ["MultiRecipeLoader", function(MultiRecipeLoader) { | |
return MultiRecipeLoader(); | |
}] | |
}, | |
templateUrl:'/views/list.html' | |
}).when('/edit/:recipeId', { | |
controller: 'EditCtrl', | |
resolve: { | |
recipe: ["RecipeLoader", function(RecipeLoader) { | |
return RecipeLoader(); | |
}] | |
}, | |
templateUrl:'/views/recipeForm.html' | |
}).when('/view/:recipeId', { | |
controller: 'ViewCtrl', | |
resolve: { | |
recipe: ["RecipeLoader", function(RecipeLoader) { | |
return RecipeLoader(); | |
}] | |
}, | |
templateUrl:'/views/viewRecipe.html' | |
}).when('/new', { | |
controller: 'NewCtrl', | |
templateUrl:'/views/recipeForm.html' | |
}).otherwise({redirectTo:'/'}); | |
}]); | |
app.controller('ListCtrl', ['$scope', 'recipes', | |
function($scope, recipes) { | |
$scope.recipes = recipes; | |
}]); | |
app.controller('ViewCtrl', ['$scope', '$location', 'recipe', | |
function($scope, $location, recipe) { | |
$scope.recipe = recipe; | |
$scope.edit = function() { | |
$location.path('/edit/' + recipe.id); | |
}; | |
}]); | |
app.controller('EditCtrl', ['$scope', '$location', 'recipe', | |
function($scope, $location, recipe) { | |
$scope.recipe = recipe; | |
$scope.save = function() { | |
$scope.recipe.$save(function(recipe) { | |
$location.path('/view/' + recipe.id); | |
}); | |
}; | |
$scope.remove = function() { | |
delete $scope.recipe; | |
$location.path('/'); | |
}; | |
}]); | |
app.controller('NewCtrl', ['$scope', '$location', 'Recipe', | |
function($scope, $location, Recipe) { | |
$scope.recipe = new Recipe({ | |
ingredients: [ {} ] | |
}); | |
$scope.save = function() { | |
$scope.recipe.$save(function(recipe) { | |
$location.path('/view/' + recipe.id); | |
}); | |
}; | |
}]); | |
app.controller('IngredientsCtrl', ['$scope', | |
function($scope) { | |
$scope.addIngredient = function() { | |
var ingredients = $scope.recipe.ingredients; | |
ingredients[ingredients.length] = {}; | |
}; | |
$scope.removeIngredient = function(index) { | |
$scope.recipe.ingredients.splice(index, 1); | |
}; | |
}]); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
describe('Controllers', function() { | |
var $scope, ctrl; | |
//you need to indicate your module in a test | |
beforeEach(module('chapter4App', | |
['directives', 'services'])); | |
beforeEach(function() { | |
this.addMatchers({ | |
toEqualData: function(expected) { | |
return angular.equals(this.actual, expected); | |
} | |
}); | |
}); | |
describe('ListCtrl', function() { | |
var mockBackend, recipe; | |
// The _$httpBackend_ is the same as $httpBackend. Only written this way to | |
// differentiate between injected variables and local variables | |
beforeEach(inject(function($rootScope, $controller, _$httpBackend_, Recipe) { | |
recipe = Recipe; | |
mockBackend = _$httpBackend_; | |
$scope = $rootScope.$new(); | |
ctrl = $controller('ListCtrl', { | |
$scope: $scope, | |
recipes: [1, 2, 3] | |
}); | |
})); | |
it('should have list of recipes', function() { | |
expect($scope.recipes).toEqual([1, 2, 3]); | |
}); | |
}); | |
describe('MultiRecipeLoader', function() { | |
var mockBackend, recipe, loader; | |
// The _$httpBackend_ is the same as $httpBackend. Only written this way to | |
// differentiate between injected variables and local variables | |
beforeEach(inject(function(_$httpBackend_, Recipe, MultiRecipeLoader) { | |
recipe = Recipe; | |
mockBackend = _$httpBackend_; | |
loader = MultiRecipeLoader; | |
})); | |
it('should load list of recipes', function() { | |
mockBackend.expectGET('/recipes').respond([{id: 1}, {id: 2}]); | |
var recipes; | |
var promise = loader(); | |
promise.then(function(rec) { | |
recipes = rec; | |
}); | |
expect(recipes).toBeUndefined(); | |
mockBackend.flush(); | |
expect(recipes).toEqualData([{id: 1}, {id: 2}]); | |
}); | |
}); | |
describe('EditController', function() { | |
var mockBackend, location; | |
beforeEach(inject(function($rootScope, $controller, _$httpBackend_, $location, Recipe) { | |
mockBackend = _$httpBackend_; | |
location = $location; | |
$scope = $rootScope.$new(); | |
ctrl = $controller('EditCtrl', { | |
$scope: $scope, | |
$location: $location, | |
recipe: new Recipe({id: 1, title: 'Recipe'}) | |
}); | |
})); | |
it('should save the recipe', function() { | |
mockBackend.expectPOST('/recipes/1', {id: 1, title: 'Recipe'}).respond({id: 2}); | |
// Set it to something else to ensure it is changed during the test | |
location.path('test'); | |
$scope.save(); | |
expect(location.path()).toEqual('/test'); | |
mockBackend.flush(); | |
expect(location.path()).toEqual('/view/2'); | |
}); | |
it('should remove the recipe', function() { | |
expect($scope.recipe).toBeTruthy(); | |
location.path('test'); | |
$scope.remove(); | |
expect($scope.recipe).toBeUndefined(); | |
expect(location.path()).toEqual('/'); | |
}); | |
}); | |
// Other controller describes here as well | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment