Thanks Charly, that was helpful.
On Tuesday, July 8, 2014 2:53:21 PM UTC+5:30, Charly Poly wrote:
>
>
> When using Behavior Driven framework like Jasmine, you put expectations.
> If the expectations fulfills, the tests pass.
>
> *whenGET(...) *and *expectGET**(...) *both allow you to change the
> behavior of $httpBackend for specific requests via exposing a *respond(...)
> *method.
> The difference is that *expectGET**(...) * put an expectation on the
> request.
> If the request does not occur, the test will fail with : "Error:
> Unsatisfied requests: ..."
>
> You see the difference ?
>
>
> Regards,
> Charly.
> On Monday, 7 July 2014 13:23:37 UTC+2, Gillian wrote:
>>
>> I'm trying to write a unit test for a controller which fetches article
>> details using $http service.
>>
>>
>> Controller:
>>
>> .controller('ArticleDetailCtrl',function($scope, Article,
>>> $routeParams, API_URL, ARTICLE_URL, $http, $sce){
>>>
>>> $scope.url = API_URL + ARTICLE_URL + '/' + $routeParams.articleId;
>>>
>>> $http.get($scope.url).then(function(response) {
>>> //console.log(response.data);
>>> $scope.heading = response.data.Headline;
>>> $scope.rawBody = response.data.Body;
>>> $scope.body = $sce.trustAsHtml($scope.rawBody);
>>> $scope.image = response.data.Assets[0].URL;
>>> });
>>> });
>>
>>
>>
>>
>> Unit test:
>>
>> 'use strict';
>>>
>>> describe('Controller: Article', function () {
>>>
>>> var scope,
>>> $httpBackend,
>>> articleEndpoint;
>>>
>>>
>>>
>>> // load the controller's module
>>> beforeEach(module('myApp'));
>>>
>>>
>>> describe('ArticleDetailCtrl', function () {
>>>
>>> var ArticleDetailCtrl,
>>> jsonObject,
>>> ArticleId = '123';
>>>
>>> // Initialize the controller and a mock scope
>>> beforeEach(inject(function ($controller, $rootScope,
>>> _$httpBackend_, Article, API_URL, ARTICLE_URL) {
>>>
>>> scope = $rootScope.$new();
>>> ArticleDetailCtrl = $controller('ArticleDetailCtrl', {
>>> $scope: scope });
>>> $httpBackend = _$httpBackend_;
>>> articleEndpoint = API_URL + ARTICLE_URL + '/' +
>>> ArticleId;
>>>
>>> jsonObject = {
>>> 'Headline': 'Headline',
>>> 'Body': '<p>Body</p>',
>>> 'Assets': [
>>> {
>>> 'URL': 'path/to/image/article1.jpg'
>>> }
>>> ]
>>> };
>>>
>>> $httpBackend.when('GET',
>>> articleEndpoint).respond(jsonObject);
>>> }));
>>>
>>> afterEach(function() {
>>> $httpBackend.verifyNoOutstandingExpectation();
>>> $httpBackend.verifyNoOutstandingRequest();
>>> });
>>>
>>> it('should fetch article details from the API', function () {
>>> //expect(scope.articles.length).toEqual(3);
>>>
>>> $httpBackend.expectGET(articleEndpoint);
>>> $httpBackend.flush();
>>> });
>>>
>>> });
>>>
>>> });
>>
>>
>>
>> But I keep on getting the following error:
>>
>>
>> Error: Unexpected request: GET
>>> http://localhost:3000/api/articles/undefined
>>> Expected GET http://localhost:3000/api/articles/123
>>> at $httpBackend
>>> (/Users/gill/Documents/projects/angularjs-test/app/bower_components/angular-mocks/angular-mocks.js:1179)
>>> at sendReq
>>> (/Users/gill/Documents/projects/angularjs-test/app/bower_components/angular/angular.js:8181)
>>> at
>>> /Users/gill/Documents/projects/angularjs-test/app/bower_components/angular/angular.js:7921
>>> at
>>> /Users/gill/Documents/projects/angularjs-test/app/bower_components/angular/angular.js:11319
>>> at
>>> /Users/gill/Documents/projects/angularjs-test/app/bower_components/angular/angular.js:11405
>>> at
>>> /Users/gill/Documents/projects/angularjs-test/app/bower_components/angular/angular.js:12412
>>> at
>>> /Users/gill/Documents/projects/angularjs-test/app/bower_components/angular/angular.js:12224
>>> at
>>> /Users/gill/Documents/projects/angularjs-test/app/bower_components/angular-mocks/angular-mocks.js:1438
>>> at
>>> /Users/gill/Documents/projects/angularjs-test/test/spec/controllers/article.js:77
>>> Error: Unsatisfied requests: GET http://localhost:3000/api/articles/123
>>> at
>>> /Users/gill/Documents/projects/angularjs-test/app/bower_components/angular-mocks/angular-mocks.js:1472
>>> at
>>> /Users/gill/Documents/projects/angularjs-test/test/spec/controllers/article.js:65
>>
>>
>>
>> This is the first time am writing unit tests which I followed along by
>> reading some tutorials. I don't know what am I doing wrong?
>>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
