CODEWITHSUNDEEP
angular-ui-routerkarma-jasmine
RoyM
RoyM

Reputation: 1138

testing ui-router stateprovider 'resolve:' values

I'm using jasmine+karma to run the following code... and get the following error:

Expected { then : Function, catch : Function, finally : Function } to equal 123.

Can someone help me understand why I don't get a resolved value for my promise. thanks

'use strict';

angular
  .module('example', ['ui.router'])

  .config(function($stateProvider) {
    $stateProvider
      .state('stateOne', {
        url: '/stateOne',
        resolve: {cb: function($q) {
          var deferred = $q.defer();
          deferred.resolve(123);
          return deferred.promise;
        }},
        controller: function($scope, cb) {console.log(' * in controller', cb);},
        templateUrl: 'stateOne.html'
      });
  })

  .run(function($templateCache) {
    $templateCache.put('stateOne.html', 'This is the content of the template');
  });

describe('main tests', function() {
  beforeEach(function() {module('example');});

  describe('basic test', function($rootScope) {
    it('stateOne', inject(function($rootScope, $state, $injector, $compile) {

      var config = $state.get('stateOne');
      expect(config.url).toEqual('/stateOne');

      $compile('<div ui-view/>')($rootScope);
      $rootScope.$digest();
      expect($injector.invoke(config.resolve.cb)).toEqual(123);
    }));
  });

});

Upvotes: 1

Views: 2267

Answers (1)

RoyM
RoyM

Reputation: 1138

Ok, Figured it out with some help (via email) from Nikas, whose blog I found at: http://nikas.praninskas.com/angular/2014/09/27/unit-testing-ui-router-configuration/.

Here is a succinct example that demonstrates how to test the resolve values in ui.router, where the values involve $http.

angular
  .module('example', ['ui.router'])

  .factory('Clipboard', function($http) {
    return {
      get: function(args) {
        return $http.get('/db/clipboard');
      }
    };
  })

  .config(function($stateProvider) {
    $stateProvider
      .state('stateOne', {
        resolve: {cb: function(Clipboard) {
          return Clipboard.get();
        }}
      });
  });

describe('main tests', function() {

  beforeEach(function() {module('example');});

  it('stateOne', inject(function($state, $injector, $httpBackend) {
    $httpBackend.whenGET('/db/clipboard').respond({a:1});

    $injector.invoke($state.get('stateOne').resolve['cb'])
      .then(function(res) {console.log(' *res ', res.data);})
      .catch(function(err) {console.log(' *err ', err);});
    $httpBackend.flush();
  }));

  afterEach(inject(function($httpBackend) {
    $httpBackend.verifyNoOutstandingExpectation();
    $httpBackend.verifyNoOutstandingRequest();
  }));

});

Upvotes: 3

Related Questions