Accessing data inside of constructor javascript not working

Question

I am having issues when trying to create a function inside of a constructor. The function doesn't seem to understand variables that are also initialized inside of the constructor.

I need the variables and functions inside of the class.

Here is some sample code

class dLoginPage { 
  constructor() {   
    this.Username     = Aliases.browser.page_General_Login.formLoginform.textboxUsernameinput;
    this.Password     = Aliases.browser.page_General_Login.formLoginform.passwordboxPasswordinput;
    this.SubmitButton = Aliases.browser.page_General_Login.formLoginform.submitbuttonLogin;

    this.Login = function() {
      this.Username.SetText("admin");
      this.Password.SetText("admin");
      this.SubmitButton.ClickButton();
    }
  }
}

module.exports = dLoginPage;

When I try running the login function, it states that username and password and submitbutton have not been initialized. But if i take the login function outside of the class, everything works. But i need the function inside of the class.

I need to access the class from another class. For example I have a class called GeneralModule I want the ability to go GeneralModule.LoginPage.Login — A.Mills
– A.Mills, Commented May 9, 2018 at 17:17
Because if i don't i get a runtime error. ReferenceError: Login is not defined — A.Mills
– A.Mills, Commented May 9, 2018 at 17:24

Sebastian Speitel · Accepted Answer · 2018-05-09 17:19:41Z

1

Why not simply add the function as a method to your class?

Constructor functions didn't support this, but ES6 classes do.

class dLoginPage {
  constructor() {
    this.Username = Aliases.browser.page_General_Login.formLoginform.textboxUsernameinput;
    this.Password = Aliases.browser.page_General_Login.formLoginform.passwordboxPasswordinput;
    this.SubmitButton = Aliases.browser.page_General_Login.formLoginform.submitbuttonLogin;
  }

  Login() {
    this.Username.SetText("admin");
    this.Password.SetText("admin");
    this.SubmitButton.ClickButton();
  }

}

answered May 9, 2018 at 17:19

Sebastian Speitel

7,3772 gold badges21 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chand Ra · Accepted Answer · 2018-05-09 17:19:24Z

0

use arrow function

this.Login = ()=> {
  this.Username.SetText("admin");
  this.Password.SetText("admin");
  this.SubmitButton.ClickButton();
}

answered May 9, 2018 at 17:19

Chand Ra

696 bronze badges

Collectives™ on Stack Overflow

Accessing data inside of constructor javascript not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related