блок 'then' выполняется перед вызываемой функцией, которая возвращает обещание

Question

Я новичок в транспортире и 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. Я также не получаю никакой ошибки.

Answer 1

Для 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){
      ...
    }

}