cardosofelipe/syndarix
1
0
Fork 0
forked from cardosofelipe/fast-next-template
Code Issues 18 Pull Requests Wiki Activity

Refactor i18n integration and update tests for improved localization

Browse Source 
- Updated test components (`PasswordResetConfirmForm`, `PasswordChangeForm`) to use i18n keys directly, ensuring accurate validation messages.
- Refined translations in `it.json` to standardize format and content.
- Replaced text-based labels with localized strings in `PasswordResetRequestForm` and `RegisterForm`.
- Introduced `generateLocalizedMetadata` utility and updated layout metadata generation for locale-aware SEO.
- Enhanced e2e tests with locale-prefixed routes and updated assertions for consistency.
- Added comprehensive i18n documentation (`I18N.md`) for usage, architecture, and testing.
This commit is contained in:
Felipe Cardoso
2025-11-19 14:07:13 +01:00
parent da7b6b5bfa
commit 7b1bea2966
29 changed files with 1263 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/e2e/auth-login.spec.ts
View File

@@ -114,9 +114,9 @@ test.describe('Login Flow', () => {
await expect(page.locator('#email-error')).toBeVisible();
await expect(page.locator('#password-error')).toBeVisible();
// Verify error messages
await expect(page.locator('#email-error')).toContainText('Email is required');
await expect(page.locator('#password-error')).toContainText('Password');
// Verify error messages (generic i18n validation messages)
await expect(page.locator('#email-error')).toContainText('This field is required');
await expect(page.locator('#password-error')).toContainText('This field is required');
});
test('should show validation error for invalid email', async ({ page }) => {
@@ -142,7 +142,7 @@ test.describe('Login Flow', () => {
// Without backend, we just verify form is still functional (doesn't crash)
// Should still be on login page
await expect(page).toHaveURL(/\/login/);
await expect(page).toHaveURL(/\/en\/login/);
});
test('should successfully login with valid credentials', async ({ page }) => {

8
frontend/e2e/auth-password-reset.spec.ts
View File

@@ -25,7 +25,7 @@ test.describe('Password Reset Request Flow', () => {
// Should stay on password reset page (validation failed)
// URL might have query params, so use regex
await expect(page).toHaveURL(/\/password-reset/);
await expect(page).toHaveURL(/\/en\/password-reset/);
});
test('should show validation error for invalid email', async ({ page }) => {
@@ -115,7 +115,7 @@ test.describe('Password Reset Confirm Flow', () => {
await page.waitForTimeout(1000);
// Should stay on password reset confirm page (validation failed)
await expect(page).toHaveURL(/\/password-reset\/confirm/);
await expect(page).toHaveURL(/\/en\/password-reset\/confirm/);
});
test('should show validation error for weak password', async ({ page }) => {
@@ -131,7 +131,7 @@ test.describe('Password Reset Confirm Flow', () => {
await page.waitForTimeout(1000);
// Should stay on password reset confirm page (validation failed)
await expect(page).toHaveURL(/\/password-reset\/confirm/);
await expect(page).toHaveURL(/\/en\/password-reset\/confirm/);
});
test('should show validation error for mismatched passwords', async ({ page }) => {
@@ -147,7 +147,7 @@ test.describe('Password Reset Confirm Flow', () => {
await page.waitForTimeout(1000);
// Should stay on password reset confirm page (validation failed)
await expect(page).toHaveURL(/\/password-reset\/confirm/);
await expect(page).toHaveURL(/\/en\/password-reset\/confirm/);
});
test('should show error for invalid token', async ({ page }) => {

8
frontend/e2e/auth-register.spec.ts
View File

@@ -129,7 +129,7 @@ test.describe('Registration Flow', () => {
// Should stay on register page (validation failed)
// URL might have query params, so use regex
await expect(page).toHaveURL(/\/register/);
await expect(page).toHaveURL(/\/en\/register/);
});
test('should show validation error for short first name', async ({ page }) => {
@@ -145,7 +145,7 @@ test.describe('Registration Flow', () => {
// Should stay on register page (validation failed)
// URL might have query params, so use regex
await expect(page).toHaveURL(/\/register/);
await expect(page).toHaveURL(/\/en\/register/);
});
test('should show validation error for weak password', async ({ page }) => {
@@ -161,7 +161,7 @@ test.describe('Registration Flow', () => {
// Should stay on register page (validation failed)
// URL might have query params, so use regex
await expect(page).toHaveURL(/\/register/);
await expect(page).toHaveURL(/\/en\/register/);
});
test('should show validation error for mismatched passwords', async ({ page }) => {
@@ -177,7 +177,7 @@ test.describe('Registration Flow', () => {
// Should stay on register page (validation failed)
// URL might have query params, so use regex
await expect(page).toHaveURL(/\/register/);
await expect(page).toHaveURL(/\/en\/register/);
});
test('should show error for duplicate email', async ({ page }) => {