creating register actions

Author: AlexAlexandreAlves

tests/login.test.ts

@@ -1,5 +1,6 @@
 import { test } from '@playwright/test';
 import { AuthFacade } from '../ui/facade/auth-facade';
+import { RegisterFacade } from '../ui/facade/register-facade';
 
 
 test.beforeEach(async ({ page }) => {
@@ -8,7 +9,15 @@ test.beforeEach(async ({ page }) => {
 
 test.describe('Authentication tests', () => {
 
-    test('CT001 - Should be able to logging in with an exist user', async ({ page }) => {
+    test('CT001 - Should be able to create a new user with success', async ({ page }) => {
+        const register = new RegisterFacade(page);
+        await register.registerAs("usuarioteste@gmail.com",
+            "Testezinho da Silva",
+            "12345",
+            "12345");
+    });
+
+    test('CT002 - Should be able to logging in with an exist user', async ({ page }) => {
         const auth = new AuthFacade(page);
         await auth.loginAs("usuarioteste@gmail.com", "12345");
     });

ui/facade/register-facade.ts

@@ -0,0 +1,24 @@
+import { Page } from '@playwright/test';
+import { LoginPage } from '../pages/login-page';
+import { RegisterPage } from '../pages/register-page';
+
+export class RegisterFacade {
+    constructor(private page: Page) { }
+
+    async registerAs(email: string, name: string, password: string, confirmationPassword: string) {
+
+        const loginPage = new LoginPage(this.page);
+        const registerPage = new RegisterPage(this.page);
+
+        await loginPage.clickRegisterButton();
+        await registerPage.fillEmail(email);
+        await registerPage.fillName(name);
+        await registerPage.fillPassword(password);
+        await registerPage.fillPasswordConfirmation(confirmationPassword);
+        await registerPage.clickRegisterButton();
+    }
+
+    // async registerConfiration() {
+    //     const registerPage = new RegisterPage(this.page);
+    // }
+}

ui/pages/login-page.ts

@@ -7,12 +7,14 @@ export class LoginPage {
     readonly emailInput: Locator;
     readonly passwordInput: Locator;
     readonly loginButton: Locator;
+    readonly registerButton: Locator;
 
     constructor(page: Page) {
         this.page = page;
         this.emailInput = page.getByPlaceholder('Informe seu e-mail');
         this.passwordInput = page.getByPlaceholder('Informe sua senha');
         this.loginButton = page.getByRole('button', { name: 'Acessar' });
+        this.registerButton = page.getByRole('button', { name: 'Registrar' });
     }
 
     async fillEmail(email: string) {
@@ -27,4 +29,8 @@ export class LoginPage {
         await this.loginButton.click();
     }
 
+    async clickRegisterButton() {
+        await this.loginButton.click();
+    }
+
 }

ui/pages/register-page.ts

@@ -0,0 +1,54 @@
+import { Page, Locator } from "@playwright/test";
+
+
+export class RegisterPage {
+
+    readonly page: Page;
+    readonly emailRegisterInput: Locator;
+    readonly nameRegisterInput: Locator;
+    readonly passwordRegisterInput: Locator;
+    readonly passwordConfirmationRegisterInput: Locator;
+    readonly accountWithOrWithoutBalanceToggle: Locator;
+    readonly registerButton: Locator;
+    readonly confirmationMessage: Locator;
+    readonly confirmationIcon: Locator;
+    readonly closeButton: Locator;
+
+    constructor(page: Page) {
+        this.page = page;
+        this.emailRegisterInput = page.locator('form').filter({ hasText: 'Voltar ao loginE-mailÉ campo' }).getByPlaceholder('Informe seu e-mail');
+        this.nameRegisterInput = page.getByRole('textbox', { name: 'Informe seu Nome' });
+        this.passwordRegisterInput = page.locator('form').filter({ hasText: 'Voltar ao loginE-mailÉ campo' }).getByPlaceholder('Informe sua senha');
+        this.passwordConfirmationRegisterInput = page.getByRole('textbox', { name: 'Informe a confirmação da senha' });
+        this.accountWithOrWithoutBalanceToggle = page.locator('div').filter({ hasText: /^Criar conta com saldo \?$/ }).locator('span');
+        this.registerButton = page.getByRole('button', { name: 'Cadastrar' });
+        this.confirmationMessage = page.getByText('A conta 329-0 foi criada com');
+        this.confirmationIcon = page.locator('div').filter({ hasText: /^A conta 329-0 foi criada com sucessoFechar$/ }).getByRole('img');
+        this.closeButton = page.getByText('Fechar');
+    }
+
+    async fillEmail(email: string) {
+        await this.emailRegisterInput.fill(email);
+    }
+
+    async fillName(password: string) {
+        await this.nameRegisterInput.fill(password);
+    }
+
+    async fillPassword(password: string) {
+        await this.passwordRegisterInput.fill(password);
+    }
+
+    async fillPasswordConfirmation(password: string) {
+        await this.passwordConfirmationRegisterInput.fill(password);
+    }
+
+    async clickBalanceToggle() {
+        await this.accountWithOrWithoutBalanceToggle.click();
+    }
+
+    async clickRegisterButton() {
+        await this.registerButton.click();
+    }
+
+}