Files
fast-next-template/frontend/e2e/settings-password.spec.ts
Felipe Cardoso a6a10855fa Refactor Playwright tests to use cached authentication state for improved performance
- Removed redundant `loginViaUI` calls across E2E tests, leveraging cached storage state for faster test execution.
- Enhanced Playwright configuration to include a `setup` project for pre-caching admin and regular user authentication states.
- Added new `auth.setup.ts` to handle initial authentication and save storage states to `.auth` directory.
- Increased local worker count to 16 (CI unchanged) to optimize parallel execution.
- Updated `.gitignore` to exclude authentication state files.
2025-11-08 20:46:59 +01:00

60 lines
2.4 KiB
TypeScript

/**
* E2E Tests for Password Change Page
* Tests password change functionality
*/
import { test, expect } from '@playwright/test';
import { setupAuthenticatedMocks, loginViaUI } from './helpers/auth';
test.describe('Password Change', () => {
test.beforeEach(async ({ page }) => {
// Set up API mocks
await setupAuthenticatedMocks(page);
// Login via UI to establish authenticated session
// Auth already cached in storage state (loginViaUI removed for performance)
// Navigate to password page
await page.goto('/settings/password', { waitUntil: 'networkidle' });
// Wait for form to be visible
await page.getByLabel(/current password/i).waitFor({ state: 'visible', timeout: 10000 });
});
// TODO: Fix flaky test - failed once at 12.8s, passed on retry at 8.3s
// Likely race condition in form rendering or async state update
// See: E2E_PERFORMANCE_OPTIMIZATION.md - Phase 3
test.skip('should display password change form', async ({ page }) => {
// Check page title
await expect(page.getByRole('heading', { name: 'Password' })).toBeVisible();
// Verify all password fields are present
await expect(page.getByLabel(/current password/i)).toBeVisible();
await expect(page.getByLabel(/^new password/i)).toBeVisible();
await expect(page.getByLabel(/confirm.*password/i)).toBeVisible();
// Verify submit button is present
await expect(page.getByRole('button', { name: /change password/i })).toBeVisible();
});
test('should have all password fields as password type', async ({ page }) => {
// Wait for form to load
const currentPasswordInput = page.getByLabel(/current password/i);
await currentPasswordInput.waitFor({ state: 'visible', timeout: 10000 });
// Verify all password fields have type="password"
await expect(currentPasswordInput).toHaveAttribute('type', 'password');
await expect(page.getByLabel(/^new password/i)).toHaveAttribute('type', 'password');
await expect(page.getByLabel(/confirm.*password/i)).toHaveAttribute('type', 'password');
});
test('should have submit button disabled initially', async ({ page }) => {
// Wait for form to load
const submitButton = page.getByRole('button', { name: /change password/i });
await submitButton.waitFor({ state: 'visible', timeout: 10000 });
// Verify button is disabled when form is empty/untouched
await expect(submitButton).toBeDisabled();
});
});