Using element selectors in callback function fail

This is what I have to make it work but if I try to use the @userName instead of #email css selector it will fail. Note im just using the callback function on the login page as an example.

  login: function(userName, password) {
    if (typeof username || password == "undefined")
    {
      userName = '[e-mail]';
      password = '1234lkjlkj'
    }
    this.getText('h2', function(result){
    if(result.value == 'Sign in')
      {
        this.waitForElementVisible( '#email', 3000, 'Login Page Loaded')
          .setValue( '#email', userName)
          .setValue( '#password', password)
          .waitForElementVisible('input[type=submit]', 3000, 'Submit Button Was Visible')
          .click('input[type=submit]');
        return this; // Return page object for chaining
      }
   } )
  }
};

module.exports = {
  url: 'http://whateveraddress.com',
  commands: [loginCommands],
  elements: {
    userName: '#email',
    password: '#password',
    submitButton: 'input[type=submit]'
  }
};```

[senocular]

You can use this, you just have to do so with the understanding that it won’t be your page object. You can, however, force it to be your page object by using bind()

    this.getText('h2', function(result){
    if(result.value == 'Sign in')
      {
        this.waitForElementVisible( '#email', 3000, 'Login Page Loaded')
          .setValue( '#email', userName)
          .setValue( '#password', password)
          .waitForElementVisible('input[type=submit]', 3000, 'Submit Button Was Visible')
          .click('input[type=submit]');
      }
   }.bind(this)) // bind this in callback to be the surrounding context this (the page object)

[dgocoder]

Nvm I figured it out. Was having 0,0 as part of moveToElement. having it as undefined fixed the problem