Improve navigation and URL validation in Playwright authentication tests

- Replaced `waitForTimeout` with `Promise.all` for navigation events to improve reliability.
- Updated URL assertions to support regex patterns for handling query parameters.
- Adjusted worker count in `playwright.config.ts` for improved performance in local environments.
This commit is contained in:
Felipe Cardoso
2025-11-01 15:49:28 +01:00
parent ce5ed70dd2
commit e2a8656f81
4 changed files with 37 additions and 20 deletions

View File

@@ -76,21 +76,29 @@ test.describe('Login Flow', () => {
});
test('should navigate to forgot password page', async ({ page }) => {
// Click forgot password link
await page.getByRole('link', { name: 'Forgot password?' }).click();
await page.waitForTimeout(1000);
// Click forgot password link - use Promise.all to wait for navigation
const forgotLink = page.getByRole('link', { name: 'Forgot password?' });
// Should navigate to password reset page
await Promise.all([
page.waitForURL('/password-reset', { timeout: 10000 }),
forgotLink.click()
]);
// Should be on password reset page
await expect(page).toHaveURL('/password-reset');
await expect(page.locator('h2')).toContainText('Reset your password');
});
test('should navigate to register page', async ({ page }) => {
// Click sign up link
await page.getByRole('link', { name: 'Sign up' }).click();
await page.waitForTimeout(1000);
// Click sign up link - use Promise.all to wait for navigation
const signupLink = page.getByRole('link', { name: 'Sign up' });
// Should navigate to register page
await Promise.all([
page.waitForURL('/register', { timeout: 10000 }),
signupLink.click()
]);
// Should be on register page
await expect(page).toHaveURL('/register');
await expect(page.locator('h2')).toContainText('Create your account');
});

View File

@@ -24,7 +24,8 @@ test.describe('Password Reset Request Flow', () => {
await page.waitForTimeout(1000);
// Should stay on password reset page (validation failed)
await expect(page).toHaveURL('/password-reset');
// URL might have query params, so use regex
await expect(page).toHaveURL(/\/password-reset/);
});
test('should show validation error for invalid email', async ({ page }) => {
@@ -51,14 +52,15 @@ test.describe('Password Reset Request Flow', () => {
});
test('should navigate back to login page', async ({ page }) => {
// Click back to login link
// Click back to login link - use Promise.all to wait for navigation
const loginLink = page.getByRole('link', { name: 'Back to login' });
await loginLink.click();
// Wait for navigation
await page.waitForTimeout(1000);
await Promise.all([
page.waitForURL('/login', { timeout: 10000 }),
loginLink.click()
]);
// Should navigate to login page
// Should be on login page
await expect(page).toHaveURL('/login');
await expect(page.locator('h2')).toContainText('Sign in to your account');
});
@@ -191,10 +193,15 @@ test.describe('Password Reset Confirm Flow', () => {
// Navigate without token to trigger error state
await page.goto('/password-reset/confirm');
// Click request new reset link - use specific link selector
await page.getByRole('link', { name: 'Request new reset link' }).click();
// Click request new reset link - use Promise.all to wait for navigation
const resetLink = page.getByRole('link', { name: 'Request new reset link' });
// Should navigate to password reset request page
await Promise.all([
page.waitForURL('/password-reset', { timeout: 10000 }),
resetLink.click()
]);
// Should be on password reset request page
await expect(page).toHaveURL('/password-reset');
await expect(page.locator('h2')).toContainText('Reset your password');
});

View File

@@ -47,7 +47,8 @@ test.describe('Registration Flow', () => {
await page.waitForTimeout(1000);
// Should stay on register page (validation failed)
await expect(page).toHaveURL('/register');
// URL might have query params, so use regex
await expect(page).toHaveURL(/\/register/);
});
test('should show validation error for short first name', async ({ page }) => {
@@ -92,7 +93,8 @@ test.describe('Registration Flow', () => {
await page.waitForTimeout(1000);
// Should stay on register page (validation failed)
await expect(page).toHaveURL('/register');
// URL might have query params, so use regex
await expect(page).toHaveURL(/\/register/);
});
test('should show error for duplicate email', async ({ page }) => {