2017-05-16 38 views
0

我是新来的茉莉花。这是我的指令茉莉花单元测试

(function() { 
'use strict'; 
angular.module('AccountPortal.components').directive('forgotPasswordForm', forgotPasswordForm); 
forgotPasswordForm.$inject = ['Account', 'accountApi', 'emailApi', 'utils', 'Exception']; 
function forgotPasswordForm(Account, accountApi, emailApi, utils, Exception) { 

    var directive = {}; 
    directive.restrict = 'E'; 
    directive.templateUrl = 'app/components/_utilities/forgotPasswordForm/forgotPasswordForm.html'; 
    directive.controller = ['$scope', ctrl]; 
    directive.controllerAs = 'vm'; 
    directive.scope = {}; 

    return directive; 

    function link(scope, elem, attrs, vm) { 

    } 

    function ctrl($scope) { 
     var vm = this; 
     vm.formSubmitted = false; 
     vm.email = ''; 
     vm.forgotPasswordSubmit = function() { 
      if (!vm.forgotPasswordForm.$valid) { 
       return; 
      } 
      delete vm.forgotPasswordForm.email.$error.accountNotFound; 
      Account.customerForgotPassword(vm.email) 
       .then(function (response) { 
        emailApi.sendForgotPasswordEmail(response.data.EmailAddress, response.data.FirstName, response.data.LastName, response.data.QueryString); 
        vm.formSubmitted = true; 
       }) 
       .catch(function (response) { 
        if (response.status === 400) { 
         $scope.forgotPasswordForm.email.$error.accountNotFound = true; 
        } 
        else { 
         throw new Exception(); 
        } 
       }); 
     }; 
    } 
} 

})();

在这里,我测试了我的控制器和它的功能来定义。在第三它块,我想测试是否emailApi.sendForgotPasswordEmail功能与(response.data.EmailAddress,response.data.FirstName,response.data.LastName,response.data.QueryString)参数调用

describe('forgotPasswordForm directive', function() { 
var ctrl,emailApi, $componentController; 
beforeEach(module('AccountPortal')); 
beforeEach(inject(function (_$componentController_, _emailApi_) { 
    $componentController = _$componentController_; 
    ctrl = $componentController('forgotPasswordForm'); 
    emailApi=_emailApi_; 
    ctrl.forgotPasswordForm = { 
     $valid: true, 
     email: { 
      $error:{} 
     } 
    }; 
})); 

beforeEach(inject(function(_Account_) { 
    Account = _Account_; 
})); 


it('forgotPasswordForm controller should be defined', function() { 
    expect(ctrl).toBeDefined(); 
}); 

it('forgotPasswordSubmit function should be defined', function() { 
    expect(ctrl.forgotPasswordSubmit).toBeDefined() 
}); 

it('new password should be sent if email exists', function() { 


}); 

});

感谢您的帮助球员,我真的找不出

回答

0

Account.customerForgotPassword(vm.email)似乎是返回一个承诺,所以你可以做这样的事情

spyOn(Account,'customerForgotPassword').and.callFake(function(){ 
      return new Promise(function(resolve,reject){ 
       resolve({ 
         data:{'firstname':'xx', 
           'emailAddress':'yy', 
           'LastName':'zz', 
           'queryString':'aa' 
           } 
       }) 
      }) 
     }) //This will return any data you want to the then function 
    spyOn(emailApi,'sendForgotPasswordEmail'); 
    //call the ctrl function 
    expect(emailApi.sendForgotPasswordEmail).toHaveBeenCalledWith('yy','xx','zz','aa') 
+0

这并没有为我工作。 未捕获预期的间谍sendForgotPasswordEmail已被['yy','xx','zz','aa']调用,但它从未被调用过。 无论如何,谢谢。 –