{"id":24864,"date":"2015-08-03T01:39:56","date_gmt":"2015-08-02T20:09:56","guid":{"rendered":"http:\/\/www.tothenew.com\/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:\/\/www.tothenew.com\/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":3},"categories":[1439,7,1],"tags":[955,4840,1158,55],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/24864"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=24864"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/24864\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=24864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=24864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=24864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}