Question

我想测试一个简单的端到端流程 - 使用Protractor创建一个新帐户。

我有一个AngularJS应用程序包含一个创建帐户页面，用户需要填写一个简单的表单并单击提交。

单击“提交”会触发一个方法，该方法调用异步方法在我的服务器中创建帐户。

当该函数返回时，用户将被定向到另一个页面。

这是我的测试（creatAccount.spec.js）：

describe('Create Account Page Tests', function() {

    it('createAccount success', function(){
        browser.get('http://localhost:9001/#/createAccount');
        element(by.model('user.organizationName')).sendKeys('Westeros');
        element(by.model('user.firstName')).sendKeys('John');
        element(by.model('user.lastName')).sendKeys('Snow');
        element(by.model('user.email')).sendKeys('johnSnow@westeros.com');
        element(by.model('user.password')).sendKeys('123');
        element(by.model('confirmPassword')).sendKeys('123');

        element(by.id('submitBtn')).click();

        expect(browser.getCurrentUrl()).toEqual('http://localhost:9001/#/userManagement');

    });

});

这是我提交的方法：

  $scope.submit = function() {
        $scope.submitted = true;
        UserService.createAccount($scope.user)
            .then(function success(){
                $state.go('userManagement');
            }, function failure(){
                $log.error("something went wrong");
        });
    };

这是我的UserService.createAccount方法：

 function createAccount(user){
            var deferred = $q.defer();
            APIService.sendRequest(APIService.ACTION().createAccount, undefined, user)
                .then(function success(res) {
                    deferred.resolve();
                }, function failure(reason){
                    $log.debug('create account failed. reason: ', reason);
                    deferred.reject(reason);
                });

            return deferred.promise;
        }

这是我的APIService.sendRequest方法：

function sendRequest(action, params, data){
            var defferd = $q.defer();
            var request = $resource(action.url, {}, {send: {method: action.method, isArray: action.isArray ? action.isArray : false, withCredentials: true}});

            if (!params){
                params = {};
            }

            request.send(params, data, function(res) {
                defferd.resolve(res);
            }, function(error) {
                defferd.reject(getErrorReponseListError(error));
            });

            return defferd.promise;
        }

由于页面未定向到下一页，因此我的测试始终失败。在我看来，测试不等待异步方法返回，甚至认为它应该...

我试图致电browser.waitForAngular()或browser.wait(5000)，但没有任何帮助...

Answer 1

这一行：

expect(browser.getCurrentUrl()).toEqual('http://localhost:9001/#/userManagement');

希望浏览器网址立即成为的值。它不会等待URL更改。该行之前的click完成，但这意味着点击已传递到浏览器，而不是浏览器中的处理程序已完成（并且无论如何都是异步）。

您需要教授您的Protractor测试以等待浏览器达到预期状态。这样的事情应该有效：

browser.wait(function() {
   return browser.getCurrentUrl().then(function(url) {
      return url === 'http://localhost:9001/#/userManagement';
   });
});

因此，期待网址不是你所说的，而等待以便网址成为你想要的。在与浏览器进行大多数交互之后（例如，提交任何与服务器的任何其他交互），您需要等待页面进入新状态。

量角器E2E测试 - 异步休息API调用

1 个答案: