'then'块在被调用函数返回promise之前被执行

时间:2019-03-10 14:50:20

标签: javascript promise protractor ui-automation

我是量角器和javascript的新手。我正在建立一个测试框架,其中每个测试服都有对应的模块文件和定位器文件。在测试文件的测试用例中,通过传递参数来调用测试模块。当我试图从模块中的'then'块中嵌套调用的函数时;然后在被调用函数完成之前,块开始执行。请参考以下代码文件:

 UserPage.js // Test suit from where modules are called

var d = require("../Data/TestCaseData.js");
var login = require("../Modules/LoginPageModule.js");
var user = require("../Modules/UserPageModule.js");
var userl = require("../Locators/UserPageLocators");

describe('first test suit',function(){

    beforeEach(function(){

           browser.get(d.iManUrl).then(function(){
            browser.manage().window().maximize();
            login.OSPLogin(d.username,d.password);
        })
    });

    it ('Creating user',function(){
        var person = {'Username' : 'u6' , 'Context' : 'novell' , 'Last name' : 'last' , 'Password' : 'n'};

        user.InputData(person).then(function(){
        element(by.buttonText("Create")).click().then(function(){
            browser.sleep(5000);
        });
    })

    })


})

下面是模块:

var usercreated = false;

function UserPageModule(){

    this.InputData = function(person){

        return this.InputUserPasswordContext(person).then(function(person){

            this.fill =function(data){
                for (var key in data) {
                      console.log(key);
                      element(by.xpath(user.identificationAddValueButtonXpath.replace("Input Field", key))).click();
                      element(by.css(user.identificationValueInputCss)).sendKeys(person [ key ]);
                      element(by.buttonText(user.identificationAcceptValueButtonText)).click();               
                    }
            }
            return new Promise(function(resolve,request){
                 return resolve(this.fill(person));
            })
        });
    }

    /*this.InputData = function(person){
        this.InputUserPasswordContext(person).then(function(person){
            this.InputFields(person);
        });
    }*/


    this.InputUserPasswordContext = function(person){
            return new Promise(function(resolve,reject){
                //Navigating to user page
                element(by.css(landing.userLinkCss)).click();

                //Clicking on add button
                element(by.css(user.createuserButtonCss)).click();

                //Inputting Username
                element(by.css(user.usernameInputCss)).sendKeys(person.Username).then(function(){
                    delete person.Username;
                });

                //Input password
                element(by.css(user.identificationPasswordInputCss)).sendKeys(person.Password);
                element(by.css(user.identificationRetypeInputCss)).sendKeys(person.Password).then(function(){
                    delete person.Password;
                });

                //Inputting context
                element(by.css(user.contextInputCss)).sendKeys(person.Context).then(function(){
                    delete person.Context;
                }).then(function(){
                    resolve(person);
                })
            })                  
    }




}

module.exports = new UserPageModule

所有步骤都按顺序运行,直到“ for loop”为止。但是然后块在for循环之前执行。我也没有收到任何错误。

1 个答案:

答案 0 :(得分:0)

对于Javascript,每个Function都有一个隐式this。使用嵌套函数时,很容易在使用this时出错。

function UserPageModule(){

    this.InputData = function(person){

        return this.InputUserPasswordContext(person).then(function abc(person){


          for (let key in data) {
              console.log(key);
              element(by.xpath(user.identificationAddValueButtonXpath.replace("Input Field", key))).click();
              element(by.css(user.identificationValueInputCss)).sendKeys(person [ key ]);
              element(by.buttonText(user.identificationAcceptValueButtonText)).click();               
          }


        }).catch(function(err){
           console.log('err: ' + err);
        });
    }

    this.InputUserPasswordContext = function(person){
      ...
    }

}