var app = angular.module('plunker', ['ngResource']);
app.factory('user', function($resource) {
return $resource('/api/index.php/user');
});
app.controller('MainCtrl', function($scope, user) {
$scope.user = null;
$scope.getUser = function(){
user.get()
.$promise
.then(function(userObj){
$scope.user = userObj;
})
.catch(function(res){
throw "LoginError";
});
}
});
describe('Testing a Hello World controller', function() {
var $scope = null;
var ctrl = null;
var $httpBackend = null;
//you need to indicate your module in a test
beforeEach(module('plunker'));
beforeEach(inject(function(_$httpBackend_, $rootScope, $controller) {
$httpBackend = _$httpBackend_;
$scope = $rootScope.$new();
ctrl = $controller('MainCtrl', {
$scope: $scope
});
}));
it('Should throw error', function() {
$httpBackend.expectGET('/api/index.php/user')
.respond(500, 'error');
expect(function(){
$scope.getUser();
$httpBackend.flush();
}).toThrow();
expect($scope.user).toBe(null);
});
it('Should handle success', function() {
$httpBackend.expectGET('/api/index.php/user')
.respond(200, {name: 'user'});
$scope.getUser();
$httpBackend.flush();
expect($scope.user.name).toBe('user')
});
});
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS test</title>
<link data-require="jasmine" data-semver="2.0.0rc2" rel="stylesheet" href="http://cdn.jsdelivr.net/jasmine/2.0.0rc2/jasmine.css" />
<script data-require="json2" data-semver="0.0.2012100-8" src="//cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script>
<script data-require="jasmine" data-semver="2.0.0rc2" src="http://cdn.jsdelivr.net/jasmine/2.0.0rc2/jasmine.js"></script>
<script data-require="jasmine" data-semver="2.0.0rc2" src="http://cdn.jsdelivr.net/jasmine/2.0.0rc2/jasmine-html.js"></script>
<script data-require="jasmine@*" data-semver="2.0.0rc2" src="http://cdn.jsdelivr.net/jasmine/2.0.0rc2/boot.js"></script>
<script data-require="angular.js" data-semver="1.2.16" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.js"></script>
<script data-require="angular.js" data-semver="1.2.16" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular-resource.js"></script>
<script data-require="angular-mocks" data-semver="1.2.16" src="https://code.angularjs.org/1.2.16/angular-mocks.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="app.js"></script>
<script src="appSpec.js"></script>
<script src="jasmineBootstrap.js"></script>
<!-- bootstraps Jasmine -->
</head>
<body>
<div id="container" ng-controller="MainCtrl">
<h1>Hello {{name}}</h1>
</div>
<div id="HTMLReporter" class="jasmine_reporter"></div>
</body>
</html>
(function() {
var jasmineEnv = jasmine.getEnv();
jasmineEnv.updateInterval = 250;
/**
Create the `HTMLReporter`, which Jasmine calls to provide results of each spec and each suite. The Reporter is responsible for presenting results to the user.
*/
var htmlReporter = new jasmine.HtmlReporter();
jasmineEnv.addReporter(htmlReporter);
/**
Delegate filtering of specs to the reporter. Allows for clicking on single suites or specs in the results to only run a subset of the suite.
*/
jasmineEnv.specFilter = function(spec) {
return htmlReporter.specFilter(spec);
};
/**
Run all of the tests when the page finishes loading - and make sure to run any previous `onload` handler
### Test Results
Scroll down to see the results of all of these specs.
*/
var currentWindowOnload = window.onload;
window.onload = function() {
if (currentWindowOnload) {
currentWindowOnload();
}
//document.querySelector('.version').innerHTML = jasmineEnv.versionString();
execJasmine();
};
function execJasmine() {
jasmineEnv.execute();
}
})();
/* restore "body" styling that were changes by "jasmine.css"... */
body { background-color: white; padding: 0; margin: 8px; }
/* ... but remain the "jasmine.css" styling for the Jasmine reporting */
.jasmine_reporter { background-color: #eeeeee; padding: 0; margin: 0; }