72 lines
2.2 KiB
TypeScript
72 lines
2.2 KiB
TypeScript
|
// import třída modulů které budeme potřebovat
|
|||
|
|
import { Locator, Page
|
|||
|
|
} from "@playwright/test";
|
|||
|
|
|
|||
|
|
//definujeme třídy (class)
|
|||
|
|
export class LoginPage{
|
|||
|
|
page: Page;
|
|||
|
|
userNameInput: Locator;
|
|||
|
|
passwordInput: Locator;
|
|||
|
|
loginButton: Locator;
|
|||
|
|
invalidCredentialsErrorMessage: Locator;
|
|||
|
|
requiredCredentialsErrorMassage: Locator;
|
|||
|
|
lockedOutErrorMassage: Locator;
|
|||
|
|
|
|||
|
|
// vytvoříme konstruktor třídy definuje proměnou page
|
|||
|
|
constructor(page: Page) {
|
|||
|
|
this.page = page;
|
|||
|
|
this.userNameInput = page.locator('#user-name');
|
|||
|
|
this.passwordInput = page.locator('#password');
|
|||
|
|
this.loginButton = page.locator('#login-button');
|
|||
|
|
this.invalidCredentialsErrorMessage = page.getByText('Epic sadface: Username and password do not match any user in this service');
|
|||
|
|
this.requiredCredentialsErrorMassage = page.getByText('Epic sadface: Username is required');
|
|||
|
|
this.lockedOutErrorMassage = page.getByText('')
|
|||
|
|
this.lockedOutErrorMassage = page.getByText('Epic sadface: Sorry, this user has been locked out.');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// teď si definujeme metody na práci s elementy výše this.userNameInput = page.locator('#user-name');
|
|||
|
|
// metoda na přejetí na stránku s Loginem
|
|||
|
|
async gotoLoginPage() {
|
|||
|
|
await this.page.goto('https://www.saucedemo.com/');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// metoda přihlašovacího jména
|
|||
|
|
// protože chceme vepsat uživatelské jmáno použijeme metodu fill
|
|||
|
|
async enterValidUsername() {
|
|||
|
|
await this.userNameInput.fill('standard_user');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async enterLockedOutUser() {
|
|||
|
|
await this.userNameInput.fill('locked_out_user');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// alternativy k valid budou invalid
|
|||
|
|
async enterInvalidUsername() {
|
|||
|
|
await this.userNameInput.fill('jmeno');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// zde zapíšeme heslo
|
|||
|
|
async enterValidPassword() {
|
|||
|
|
await this.passwordInput.fill('secret_sauce');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async enterInvalidPassword() {
|
|||
|
|
await this.passwordInput.fill('heslo');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// klik na login button
|
|||
|
|
async clickLoginButton() {
|
|||
|
|
await this.loginButton.click();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// valid metody na ´ůspěšné přihlášení zapozdříme tímto způsobem:
|
|||
|
|
async login() {
|
|||
|
|
await this.userNameInput.fill('standard_user');
|
|||
|
|
await this.passwordInput.fill('secret_sauce');
|
|||
|
|
await this.loginButton.click();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|