如何测试与功能,使无嘲讽AJAX调用AJAX调用的角度控制?角度、功能、测试、AJAX

2023-09-13 03:22:33 作者:流氓

我有一个调用服务,依次调用其他服务,这使得AJAX调用,并返回一个承诺控制器中的功能。简单地说:

I have a function in a controller that calls a service which in turn calls another service, which makes the AJAX call and returns the promise. To put it simply:

MainController
    call = function(){
        //Handle the promise here, update some configs and stuff
        someService.call().then(success, failure);
    }

SomeService
    return {
        call: function(){
            return SomeOtherService.call();
        }
    }

SomeOtherService
    return {
        call: function(){
            return $http.get(someUrl);
        }          
    }

如何测试主控制器的通话功能,而无需实际使AJAX调用?我显然会单独测试服务。

How do I test the main controller's call function without actually making the AJAX call? I will obviously be testing the services separately.

更新:所以我所做的更改按照下面的答案,这是我所得到的:

Update: So I made the changes as per the answer below, and this is what I get:

angular.module('myApp')
.controller('LoginCtrl', ['$scope', '$location', 'AuthService', '$state', function ($scope, $location, AuthService, $state) {
    $scope.user     = {};
    $scope.login    = function(user) {
        $scope.user = user;

        //This login function in turn calls the 'authenticate' from another service 'Ajax' and the promise is handled here.
        AuthService.login($scope.user)
            .then(function() {
                $scope.loginStatus = {
                    message     : 'Login successful',
                    alertClass  : 'success'
                };
                $state.go('app.dashboard');
            }, function() {
                $scope.loginStatus = {
                    message     : 'Unauthorized access.',
                    alertClass  : 'danger'
                };
            });
        };

    $scope.closeAlert = function() {
        $scope.loginStatus = false;
    };
}]);

PhantomJS 1.9.7 (Linux) Controller: LoginCtrl should call login FAILED
TypeError: 'undefined' is not an object (evaluating 'AuthService.login($scope.user)
                .then')
    at /home/rutwickg/Projects/workspace/myProject/app/scripts/controllers/login.js:15
    at /home/rutwickg/Projects/workspace/myProject/test/spec/controllers/login.js:34
    at /home/rutwickg/Projects/workspace/myProject/node_modules/karma-jasmine/lib/boot.js:117
    at /home/rutwickg/Projects/workspace/myProject/node_modules/karma-jasmine/lib/adapter.js:171
    at http://localhost:8080/karma.js:189
    at http://localhost:8080/context.html:145

这是我目前的code的样子:

This is how my current code looks like:

'use strict';

describe('Controller: LoginCtrl', function() {

// load the controller's module
beforeEach(module('sseFeApp'));

var LoginCtrl,
    scope,
    authMock,
    ajaxMock,
    q;

// Initialize the controller and a mock scope
beforeEach( inject(function($controller, $rootScope, _AuthService_, _Ajax_, $q) {
        authMock = _AuthService_;
        ajaxMock = _Ajax_;
        q = $q;

        scope = $rootScope.$new();
        LoginCtrl = $controller('LoginCtrl', {
            $scope: scope
        });
    }));

it('should call login', function() {
        var deferred = q.defer();
        spyOn( authMock, 'login').and.returnValue(deferred.promise);
        $scope.login({username: 'Sample', password: 'Sample'});
        deferred.reject({});
        expect( authMock.login ).toHaveBeenCalled();

        //expect( ajaxMock.login).toHaveBeenCalled(); //Expect the second service call
    });
});

更新:根据新的语法,它应该 and.returnValue(deferred.promise)。作品!

推荐答案

您只需注入自己的服务和窥视你调用该函数。

You just inject your own Service and Spy on the function you're calling.

describe( 'Controller: myCtrl', function () {

  var myService,
      ...;

  beforeEach( inject( function ( _myService_ ) {
    ...
    myService = _myService_;
    ...
  } ) );

  it( 'should call myService.call', inject(function ($q)
  {
    var deferred = $q.defer();
    spyOn( myService, 'call' ).andReturn(deferred.promise);
    // .and.returnValue() for jasmine 2.0
    $scope.myControllerFn();
    deferred.resolve( {} ); // for success 
    // deferred.reject() --> for error
    $scope.digest(); // do this if you want success/error to be executed.
    expect( myService.call ).toHaveBeenCalled();
  } );
} );