Compass/tests/e2e/web/pages/AuthPage.ts

import { expect, Locator, Page } from '@playwright/test';

//sets up of all the functions that signin tests will use.
export class AuthPage{
private readonly signInLink: Locator;
private readonly signUpButton: Locator;
private readonly emailField: Locator;
private readonly passwordField: Locator;
private readonly signInWithEmailButton: Locator;
private readonly signInWithGoogleButton: Locator;
private readonly signUpWithEmailButton: Locator;

constructor(public readonly page: Page) {
    this.signInLink=page.getByRole('link', { name: 'Sign in' });
    this.signUpButton=page.getByRole('button', {name: 'Sign up'});
    this.emailField=page.getByLabel('Email');
    this.passwordField=page.getByLabel('Password');
    this.signInWithEmailButton=page.getByRole('button', {name: 'Sign in with Email'});
    this.signInWithGoogleButton=page.getByRole('button', {name: 'Google'});
    this.signUpWithEmailButton=page.getByRole('button', {name: 'Sign up with Email'});
}

async clickSignInLink() {
    await this.signInLink.click();
}

async clickSignUpButton() {
    await this.signUpButton.click();
}

async clickSignInWithEmailButton() {
    await this.signInWithEmailButton.click();
}

async clickSignInWithGoogleButton() {
    await this.signInWithGoogleButton.click();
}

async clickSignUpWithEmailButton() {
    await this.signUpWithEmailButton.click();
}

async fillEmailField(email: string) {
    await expect(this.emailField).toBeVisible();
    await this.emailField.fill(email);
}

async fillPasswordField(password: string) {
    await expect(this.passwordField).toBeVisible();
    await this.passwordField.fill(password);
}

}