测试 ui-router stateprovider 'resolve:' 值

Question

我正在使用 jasmine+karma 运行以下代码... 并得到以下错误：

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

谁能帮我理解为什么我的承诺没有得到解决的价值。谢谢

'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);
    }));
  });

});

Answer 1

好的，在 Nikas 的一些帮助（通过电子邮件）的帮助下解决了这个问题，我在以下位置找到了他的博客： http://nikas.praninskas.com/angular/2014/09/27/unit-testing-ui-router-configuration/.

这里有一个简洁的示例，演示如何测试 ui.router 中的解析值，其中值涉及 $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();
  }));

});

测试 ui-router stateprovider 'resolve:' 值

testing ui-router stateprovider 'resolve:' values

angular-ui-router

karma-jasmine