{"id":24864,"date":"2015-08-03T01:39:56","date_gmt":"2015-08-02T20:09:56","guid":{"rendered":"https:\/\/2thenew.xyz\/blog\/?p=24864"},"modified":"2015-11-19T15:34:05","modified_gmt":"2015-11-19T10:04:05","slug":"jasmine-testing-promises","status":"publish","type":"post","link":"https:\/\/2thenew.xyz\/blog\/jasmine-testing-promises\/","title":{"rendered":"Testing promises with Jasmine"},"content":{"rendered":"

We have been using Jasmine to test our angular code<\/a>. Recently I came across a piece of code in Javascript which included a REST API call and returned a promise. The promise then had a success callback and all the rest of the play. So in this blog, I have tried to illustrate how to test a promise.<\/p>\n

Here I have a function which returns a promise and has a success handler and failure handler. So let’s see how to test such a function:<\/p>\n

[js]<\/p>\n

myFactory.getCallStatus = function() {
\n MyApi.getData().$promise.then(function(data) {
\n switch (data.status) {
\n case ‘UPDATED’:
\n myFactory.afterUpdate()
\n break;
\n case ‘COMPLETED’:
\n myFactory.afterCompleted();
\n break;
\n case ‘FAILED’:
\n myFactory.afterFailure()
\n break;
\n }
\n });
\n}<\/p>\n

myFactory.afterUpdate=function(){
\n …
\n \/\/some code here….
\n …
\n}<\/p>\n

myFactory.afterCompleted=function(){
\n …
\n \/\/some code here….
\n …
\n}<\/p>\n

myFactory.afterFailure=function(){
\n …
\n \/\/some code here….
\n …
\n}<\/p>\n

[\/js]<\/p>\n

To start testing this, create a new file named “myFactory.test.js” and initialize the factory you need to test, which in this case is “MyFactory”.<\/p>\n

[js]<\/p>\n

‘use strict’;<\/p>\n

describe(‘MyFactory’, function () {<\/p>\n

var factory, $q, MyApi; \/\/ declare variables to hold reference of factory and $q service.<\/p>\n

beforeEach(function() {
\n module(‘someModule’); \/\/ initialized module to which your factory belongs.
\n module(function ($provide) {
\n \/\/ resolve all required dependencies of factory.
\n $provide.factory(‘XYZFactory’, function() {});
\n })<\/p>\n

\tinject(function (_MyFactory_, _$q_, _MyApi_) {
\n \tfactory = _MyFactory_; \/\/ inject factory for which you are writting test cases.
\n $q = _$q_; \t\t\t\t\/\/ As we need $q service to test function which returns promise.
\n \tMyApi=_MyApi_;
\n });
\n });<\/p>\n

describe(‘Validate getCallStatus’, function () {<\/p>\n

var deferred;
\n var data = {‘status’:"UPDATED",info:’success’};<\/p>\n

\/\/Mocked data to resolve getData() call of MyApi .<\/p>\n

\tit("Validate getCallStatus call has been completed.",function() {
\n deferred = $q.defer();<\/p>\n

spyOn(MyApi, ‘getData’).and.callFake(function () {<\/p>\n

\/\/Here we will don’t have mocked our getData() api call and now it returns an object of
\n \/\/promise and it’s not been resolved.<\/p>\n

return {$promise:deferred.promise, $resolve:false};
\n \t});<\/p>\n

\t\t\/\/ Now we will resolve this promise with our stubbed data.<\/p>\n

\t\tdeferred.resolve(data);
\n \texpect(MyApi.getData).toHaveBeenCalled();
\n expect(factory.afterUpdate).toHaveBeenCalled();
\n });
\n });<\/p>\n

});<\/p>\n

[\/js]<\/p>\n

So that’s how we tested promise and it’s resolution. I hope this helps you in your testing.<\/p>\n

Thanks.<\/p>\n","protected":false},"excerpt":{"rendered":"

We have been using Jasmine to test our angular code. Recently I came across a piece of code in Javascript which included a REST API call and returned a promise. The promise then had a success callback and all the rest of the play. So in this blog, I have tried to illustrate how to […]<\/p>\n","protected":false},"author":72,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":5,"footnotes":""},"categories":[1439,7,1],"tags":[955,4840,1158,55],"class_list":["post-24864","post","type-post","status-publish","format-standard","hentry","category-angular","category-grails","category-technology","tag-angularjs","tag-grails","tag-jasmine","tag-javascript"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t