refactor: update test configurations and enhance login/register flows

Author: AlexAlexandreAlves

playwright.config.ts

@@ -14,7 +14,7 @@ import { defineConfig, devices } from '@playwright/test';
 export default defineConfig({
   testDir: './tests',
   /* Run tests in files in parallel */
-  fullyParallel: true,
+  fullyParallel: false,
   /* Fail the build on CI if you accidentally left test.only in the source code. */
   forbidOnly: !!process.env.CI,
   /* Retry on CI only */

tests/login.test.ts

@@ -7,19 +7,27 @@ test.beforeEach(async ({ page }) => {
     await page.goto('/')
 })
 
-test.describe('Authentication tests', () => {
+test.describe('Register and Authentication tests', () => {
 
     test('CT001 - Should be able to create a new user with success', async ({ page }) => {
         const register = new RegisterFacade(page);
+        const auth = new AuthFacade(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 register.registerConfirmation();
+
+        // Do login at the same flow because the application doesn't have database, so it saves only in memory
         await auth.loginAs("usuarioteste@gmail.com", "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/auth-facade.ts

@@ -1,4 +1,4 @@
-import { Page } from '@playwright/test';
+import { expect, Page } from '@playwright/test';
 import { LoginPage } from '../pages/login-page';
 
 export class AuthFacade {
@@ -9,5 +9,7 @@ export class AuthFacade {
         await loginPage.fillEmail(email);
         await loginPage.fillPassword(password);
         await loginPage.clickLoginButton();
+        await this.page.waitForURL("https://bugbank.netlify.app/home");
+        await expect(this.page).toHaveURL("https://bugbank.netlify.app/home");
     }
 }

ui/facade/register-facade.ts

@@ -1,12 +1,11 @@
-import { Page } from '@playwright/test';
+import { expect, 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);
 
@@ -18,7 +17,11 @@ export class RegisterFacade {
         await registerPage.clickRegisterButton();
     }
 
-    // async registerConfiration() {
-    //     const registerPage = new RegisterPage(this.page);
-    // }
+    async registerConfirmation() {
+        const registerPage = new RegisterPage(this.page);
+
+        await expect(registerPage.confirmationMessage).toBeVisible();
+        await expect(registerPage.confirmationIcon).toBeVisible();
+        await registerPage.closeButton.click();
+    }
 }

ui/pages/login-page.ts

@@ -11,8 +11,8 @@ export class LoginPage {
 
     constructor(page: Page) {
         this.page = page;
-        this.emailInput = page.getByPlaceholder('Informe seu e-mail');
-        this.passwordInput = page.getByPlaceholder('Informe sua senha');
+        this.emailInput = page.locator('form').filter({ hasText: 'E-mailSenhaAcessarRegistrarConheça nossos requisitosA aplicação não conta com' }).getByPlaceholder('Informe seu e-mail');
+        this.passwordInput = page.locator('form').filter({ hasText: 'E-mailSenhaAcessarRegistrarConheça nossos requisitosA aplicação não conta com' }).getByPlaceholder('Informe sua senha');
         this.loginButton = page.getByRole('button', { name: 'Acessar' });
         this.registerButton = page.getByRole('button', { name: 'Registrar' });
     }
@@ -30,7 +30,7 @@ export class LoginPage {
     }
 
     async clickRegisterButton() {
-        await this.loginButton.click();
+        await this.registerButton.click();
     }
 
 }

ui/pages/register-page.ts

@@ -16,14 +16,14 @@ export class RegisterPage {
 
     constructor(page: Page) {
         this.page = page;
-        this.emailRegisterInput = page.locator('form').filter({ hasText: 'Voltar ao loginE-mailÉ campo' }).getByPlaceholder('Informe seu e-mail');
+        this.emailRegisterInput = page.locator('form').filter({ hasText: 'Voltar ao loginE-' }).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.passwordRegisterInput = page.locator('form').filter({ hasText: 'Voltar ao loginE-' }).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.confirmationMessage = page.getByText(/A conta \d+-\d+ foi criada com/);;
+        this.confirmationIcon = page.locator('div').filter({ hasText: /^A conta \d+-\d+ foi criada com sucessoFechar$/ }).getByRole('img');
         this.closeButton = page.getByText('Fechar');
     }