4

モカ、シノン、チャイでAngularアプリをテストしたい。特にサブミット機能に興味があります。この関数をテストするために LoginResoure のモックまたはスタブを作成する方法。

ありがとう！

(function () {
'use strict';

class LoginController {
    constructor($state,LoginResource) {
        this.resource = LoginResource;
        this.$state = $state;
        this.credentials = {};
    }
    submit() {
      let promise = this.resource.login(this.credentials);
       promise.then(()=>{
           changeState()
      }
    }
    changeState() {
         this.$state.go('home');
    }
}


angular.module('app.login').controller('LoginController', LoginController);
})();



    (function () {
'use strict';

class LoginResource {
    constructor($resource, API_LOGIN) {
        this.$resource = $resource(API_LOGIN,{'@id':id})
    }

    login(data) {
        return this.$resource.save(data).$promise;
    }
}

angular.module('app.login').service('LoginResource', LoginResource);
})();

編集:以前は、次の方法でジャスミンを使用していました:

            let deferred = $q.defer();
            deferred.resolve('Remote call result');
            mockPeopleResource = {
                createPerson: jasmine.createSpy('createPerson').and.returnValue(deferred.promise)
            };

または @resource をモックしたい場合

    mockThen = jasmine.createSpy();
    mockGetPeoplePromise = {then: mockThen};
    mockUpdate = jasmine.createSpy().and.returnValue({$promise: mockPromise});
    mockSave = jasmine.createSpy().and.returnValue({$promise: mockPromise});
    mockGetPeopleQuery = jasmine.createSpy().and.returnValue({$promise: mockGetPeoplePromise});
    mockResource = jasmine.createSpy().and.returnValue({
        get: mockGet,
        update: mockUpdate,
        save: mockSave,
        query: mockGetPeopleQuery
    });
4

1 に答える 1

2

サービスをモックしたい場合は、モックされた値を設定するときにテスト モジュールを作成できます。

beforeEach(function() {
  angular.module('test', []).factory('LoginResource', function($q) {
    return {
      /* You can mock an easy login function that succeed when
         data >= 0 and fails when data < 0  */
      login: function(data) {
        return $q(function(resolve, reject) {
          if (data >= 0) return resolve();
          reject();
        });
      }
    };
  });

  module('app.login', 'test');
});
于 2015-12-06T14:48:44.247 に答える