Login Testing API for Retool

retool_login_tapi.ts

import { Page, expect } from "@playwright/test"



export class LoginTapi {
  constructor(public page: Page) {
    this.page = page
  }


  async login() {
    await this.goToPage()
    await this.fillLoginEmail()
    await this.fillLoginPassword()
    await this.clickSignInButton()
    await this.expectUserToBeLogedIn()
  }


  async goToPage() {
    await this.page.goto(this.getEnvVarOrThrow('RETOOL_APP_URL')
  }


  async fillLoginEmail() {
    const email = this.page.getByPlaceholder('name@company.com')
    await email.fill(this.getEnvVarOrThrow('RETOOL_EMAIL'))
  }


  async fillLoginPassword() {
    const pass = this.page.getByPlaceholder('*******************')
    await pass.fill(this.getEnvVarOrThrow('RETOOL_PASSWORD'))
  }


  async clickSignInButton() {
    await this.page.getByRole('button').getByText('Sign in', { exact: true }).click()
  }


  async expectUserToBeLogedIn() {
    return await expect(this.page).toHaveTitle(/Omni: Admin Control Panel/, {timeout: 10000})
  }


  getEnvVarOrThrow(env_var: string) {
    const val = process.env[env_var]

    if (val === undefined)
      throw `${env_var} is undefined, set it in .env.test`

    return val
  }
}