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:
@@ -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');
|
||||
});
|
||||
|
||||
@@ -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');
|
||||
});
|
||||
|
||||
@@ -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 }) => {
|
||||
|
||||
Reference in New Issue
Block a user