Unit test for angularjs with $window.location.pathname - angularjs

Question

I have a angularjs controller like this:
myApp.controller('SetCourseCtrl', function($scope, $http, $window,$sce) {
var path = $window.location.pathname;
path = path.split('/');
var courseID = path.pop();
$http.post('/course/getCourse', {
courseID: courseID
}).then(function(result) {
var trainerJSON = result.data.courseTrainer;
var trainers = [];
for (var i = 0; i < trainerJSON.length; i++) {
trainers.push(trainerJSON[i].text);
}
$scope.courseName = result.data.courseName;
$scope.courseTrainer = trainers;
$scope.courseTrainerPage = result.data.courseTrainerPage;
$scope.courseDescription = $sce.trustAsHtml(result.data.courseDescription);
$scope.courseCategory = result.data.courseCategory;
$scope.courseDocuments = result.data.courseDocuments;
});
});
I wrote a testcase for it by karma:
describe("SetCourseCtrl Unit testing #5", function() {
var controller, $controller, $scope, $rootScope, createController, $window;
beforeEach(angular.mock.module("myApp"));
beforeEach(inject(function($injector) {
$rootScope = $injector.get('$rootScope');
$controller = $injector.get('$controller');
$httpBackend = $injector.get('$httpBackend');
createController = {
setCourse: function() {
return $controller('SetCourseCtrl', {
$scope: $rootScope
});
}
}
}));
it('Test 2: post /course/getCourse', inject(function($controller) {
controller = createController.setCourse();
var path = $window.location.pathname;
path = path.split('/');
var courseID = path.pop();
var result = {
data: {
courseName: 'agile',
courseTrainerPage: 'trainer page',
courseDescription: 'description',
courseCategory: 'category',
courseDocuments: 'doc.pdf'
}
};
$httpBackend.whenPOST('/course/getCourse', {
courseID: courseID
}).respond(result);
$httpBackend.flush();
expect($rootScope.courseName).toBe(result.data.courseName);
expect($rootScope.courseTrainerPage).toBe(result.data.courseTrainerPage);
expect($rootScope.courseDescription).toBe(result.data.courseDescription);
expect($rootScope.courseCategory).toBe(result.data.courseCategory);
expect($rootScope.courseDocuments).toBe(result.data.courseDocuments);
}));
});
but when I run this test, an error happen:
PhantomJS 2.1.1 (Windows 8 0.0.0) SetCourseCtrl Unit testing #5 Test
2: post /course/getCourse FAILED
Error: Unexpected request: POST /course/getCourse
Can anyone explain it for me ? I think it happened because of the $window.location.pathname, I can not mock it, but I am not sure.

Answer 1

The error message said it, POST request to /course/getCourse is unexpected.
You need to insert an expect line like this:
$httpBackend.whenPOST('/course/getCourse', {
courseID: courseID
}).respond(result);
$httpBackend.expectPOST('/course/getCourse');
$httpBackend.flush();