茉莉花进行单元测试

Question

I'm new to jasmine. Here is my directive

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

})();

Here I've tested my controller and the function in it to be defined. In the 3rd It block, I want to test if the emailApi.sendForgotPasswordEmail function is invoked with (response.data.EmailAddress, response.data.FirstName, response.data.LastName, response.data.QueryString) arguments

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 () {


});

});

Thanks for help guys, I really cant figure out

Answer 1

Account.customerForgotPassword(vm.email) seems to be returning a promise so you can do something like this

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