Как создать тесты кармы e2e для углового приложения с запросами XHR?

Я создал угловое приложение с логином. Я хочу протестировать его с кармой e2e, но возникают некоторые проблемы. Мне нужно войти в систему перед каждым тестом.

describe('Tests for logged user', function () {

    // login before each test
    beforeEach(function () {
        browser().navigateTo('/web/');
        input('user.email').enter('[email protected]');
        input('user.password').enter('aaa');
        element('button#login').click();
    });

    // logout after each test
    afterEach(function () {
        element('#menu-logout').click();
    });

    it('dashboard page', function () {
        expect(element('h1').text()).toBe('Dashboard');
    });


    it('profile page', function () {
        browser().navigateTo('/web/#/profile');
        expect(element('h1').text()).toBe('Profile');
    });

    ...
});

Проблема в том, что в beforeEach element('button#login').click(); вызовите запрос XHR в фоновом режиме, а во втором тесте browser().navigateTo('/web/#/profile'); не дождитесь окончания процесса входа в систему.

Можно добавить немного сна после click(), но это не очень хорошее решение. Я обнаружил, что решение состоит в том, чтобы изменить DSL и создать объект Future, но я немного запутался, как лучше всего это сделать.

Пожалуйста, не могли бы вы переписать это, чтобы использовать DSL и addFuture или addFutureAction? Спасибо.

Обновлено: добавлены сервисы MainCtrl, SignCtrl и Sign.

MainCtrl — это верхний уровень ng-контроллера:

"use strict";

app.controller('MainCtrl', ['$scope', '$http', '$location', 'Sign',
    function ($scope, $http, $location, Sign) {
        var token;
        $scope.user = {};
        $scope.signed = false;

        init();

        function init() {
            token  = localStorage.getItem('token');
            if (token) {
                $scope.signed = true;
                $scope.user = JSON.parse(localStorage.getItem('user'));
            } else {
                $location.path('/sign/in');
            }
        }

        $scope.afterSignIn = function (user) {
            $scope.signed = true;
            $scope.user = user;
        }

        $scope.signOut = function () {
            token  = localStorage.getItem('token');
            var promise = Sign.out(token);
            promise.then(function () {
                $location.path('/sign/in');
            }, function () {
                alert('Unable to sign out');
            });

        }
}]);

это контроллер знака

app.controller('SignCtrl', ['$scope', '$location', 'Sign', function ($scope, $location, Sign) {

    $scope.$parent.signed = false;
    $scope.errorMessage = '';

    $scope.in = function () {
        var promise = Sign.in($scope.user);
        promise.then(function () {
            $scope.$parent.afterSignIn($scope.user);
            $location.path('/');
        }, function (message) {
            $scope.signError = true;
            $scope.errorClass = "has-error";
            $scope.errorMessage = message;
        });
    }

    $scope.removeError = function () {
        $scope.errorMessage = '';
        $scope.errorClass = '';
    }

}]);

и это служба Sign

app.factory('Sign', ['$resource', '$http', '$q', function ($resource, $http, $q) {

    var factory = {};

    factory.in = function (user) {
        var defer = $q.defer();

        $http.post('/api/sign/in', user)
            .success(function (data) {
                localStorage.setItem('token', data.token);
                localStorage.setItem('user', JSON.stringify(data.user));
                $http.defaults.headers.common['X-Token'] = data.token;
                defer.resolve();
            }).error(function (data, status) {
                defer.reject(data);
            });

        return defer.promise;
    };

    factory.out = function (token) {
        var defer = $q.defer();

        $http.post('/api/sign/out')
            .success(function () {
                localStorage.removeItem('token');
                localStorage.removeItem('user');
                delete $http.defaults.headers.common['X-Token'];
                defer.resolve();
            }).error(function () {
                defer.reject();
            });
        return defer.promise;
    }

    return factory;
}]);

person MarekLi    schedule 07.06.2013    source источник
comment
Как в вашем приложении ваш контроллер или служба уведомляются об успешном или неудачном входе в систему?   -  person Philip Bulley    schedule 08.06.2013
comment
Я добавил службы MainCtrl, SignCtrl и Sign   -  person MarekLi    schedule 09.06.2013