Files
syndarix/frontend/e2e/settings-navigation.spec.ts
Felipe Cardoso b2f3ec8f25 Refactor ESLint configuration and update test rules for clarity and consistency
- Consolidated and modularized `eslint.config.mjs` with defined rules for source, test, E2E, and scripts.
- Improved test and E2E rules with relaxed settings for flexibility and enhanced mocking.
- Standardized variable naming and removed redundant imports in unit and E2E tests.
- Updated error handling and comments to align with modern TypeScript best practices (e.g., `@ts-expect-error`).
2025-11-10 10:57:43 +01:00

85 lines
2.9 KiB
TypeScript

/**
* E2E Tests for Settings Navigation
* Tests navigation between settings pages
*/
import { test, expect } from '@playwright/test';
import { setupAuthenticatedMocks } from './helpers/auth';
test.describe('Settings Navigation', () => {
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)
});
test('should navigate from home to settings profile', async ({ page }) => {
// Start at home page (auth already cached in storage state)
await page.goto('/');
await expect(page).toHaveURL('/');
// Navigate to settings/profile
await page.goto('/settings/profile');
// Verify navigation successful
await expect(page).toHaveURL('/settings/profile');
// Verify page loaded - use specific heading selector
await expect(page.getByRole('heading', { name: 'Profile' })).toBeVisible();
});
test('should navigate from home to settings password', async ({ page }) => {
// Start at home page (auth already cached in storage state)
await page.goto('/');
await expect(page).toHaveURL('/');
// Navigate to settings/password
await page.goto('/settings/password');
// Verify navigation successful
await expect(page).toHaveURL('/settings/password');
// Verify page loaded - use specific heading selector
await expect(page.getByRole('heading', { name: 'Password' })).toBeVisible();
});
test('should navigate between settings pages', async ({ page }) => {
// Start at profile page
await page.goto('/settings/profile');
await expect(page.getByRole('heading', { name: 'Profile' })).toBeVisible();
// Navigate to password page
await page.goto('/settings/password');
await expect(page.getByRole('heading', { name: 'Password' })).toBeVisible();
// Navigate back to profile page
await page.goto('/settings/profile');
await expect(page.getByRole('heading', { name: 'Profile' })).toBeVisible();
});
test('should redirect from /settings to /settings/profile', async ({ page }) => {
// Navigate to base settings page
await page.goto('/settings');
// Should redirect to profile page
await expect(page).toHaveURL('/settings/profile');
// Verify profile page loaded - use specific heading selector
await expect(page.getByRole('heading', { name: 'Profile' })).toBeVisible();
});
test('should display preferences page placeholder', async ({ page }) => {
// Navigate to preferences page
await page.goto('/settings/preferences');
// Verify navigation successful
await expect(page).toHaveURL('/settings/preferences');
// Verify page loaded with placeholder content
await expect(page.getByRole('heading', { name: 'Preferences' })).toBeVisible();
await expect(page.getByText(/coming in task/i)).toBeVisible();
});
});