Page Object Await Pattern

awaitPoP.js

// Login.page.js
import Dashboard from "./pages/Dashboard.page.js"

class LoginPage {
    constructor() {
        this.awaitFullLoad()
    }

    get username()  { return '#username'  }
    get password()  { return '#password'  }
    get submit()    { return '#login'     }

    awaitFullLoad() {
        browser.waitForVisible(this.username)
        browser.waitForVisible(this.submit)
    }

    login() {
        browser.setValue(this.username, "R2D2")
        browser.setValue(this.password, "c3po")
        browser.click(this.submit)
        return new Dashboard()
    }
}

export default LoginPage


// Inside test file
import LoginPage from "./pages/Login.page.js"

const loginPage = new LoginPage()
loginPage.login()