As a beginner in AngularJs, I am currently working on my first unit test. In order to test the service I created, I wrote a test that simply returns a single Json object. However, whenever I run the test, I encounter the error mentioned in the title. I am unsure about what is causing this! I have tried to understand $apply and $digest, but I am not certain if they are necessary in my case and how to implement them; a demonstration on plunker would be helpful.
Here is my code:
Service
var allBooks = [];
var filteredBooks = [];
/* Defining the book model and REST api */
var Report = $resource('api/books/:id', {
id: '@id'
}, {
query: {
method: 'GET',
isArray: false
}
});
/* Retrieve the requested book from the internal book list */
var getBook = function(bookId) {
var deferred = $q.defer();
if (bookId === undefined) {
deferred.reject('Error');
} else {
var books= $filter('filter')(allBooks, function(book) {
return (book.id == bookId);
});
if (books.length > 0) {
deferred.resolve(books[0]); //returns a single book object
} else {
deferred.reject('Error');
};
};
return deferred.promise;
};
Test
describe('unit:bookService', function(){
beforeEach(module('myApp'));
var service, $httpBackend;
beforeEach(inject(function (_bookService_, _$httpBackend_) {
service = _bookService_;
$httpBackend = _$httpBackend_;
$httpBackend.when('GET', "/api/books/1").respond(200, {
"book": {
"id": "1",
"author": "James Spencer",
"edition": "2",
.....
}
});
}));
afterEach(function() {
$httpBackend.verifyNoOutstandingExpectation();
$httpBackend.verifyNoOutstandingRequest();
});
it('should return metadata for single report', function() {
service.getBook('1').then(function(response) {
expect(response.length).toEqual(1);
});
$httpBackend.flush(); // The error occurs in this line
});
});
Error
Error: No pending request to flush !
at c:/myapp/bower_components/angular-mocks/angular-mocks.js:1439
at c:/myapptest/tests/bookTest.js:34
Libs Version
AngularJS v1.2.21
AngularJS-mock v1.2.21