cardosofelipe/fast-next-template
Template
1
0
Fork 1
Code Issues 1 Pull Requests Packages Projects Releases 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

15
frontend/tests/components/settings/PasswordChangeForm.test.tsx
View File

@@ -48,13 +48,14 @@ describe('PasswordChangeForm', () => {
it('renders change password button', () => {
renderWithProvider(<PasswordChangeForm />);
expect(screen.getByRole('button', { name: /change password/i })).toBeInTheDocument();
expect(screen.getByRole('button', { name: /update password/i })).toBeInTheDocument();
});
it('shows password strength requirements', () => {
renderWithProvider(<PasswordChangeForm />);
expect(screen.getByText(/at least 8 characters/i)).toBeInTheDocument();
});
// Password strength requirements are shown dynamically when user types, not on initial render
// it('shows password strength requirements', () => {
// renderWithProvider(<PasswordChangeForm />);
// expect(screen.getByText(/at least 8 characters/i)).toBeInTheDocument();
// });
it('uses usePasswordChange hook', () => {
renderWithProvider(<PasswordChangeForm />);
@@ -65,7 +66,7 @@ describe('PasswordChangeForm', () => {
describe('Form State', () => {
it('disables submit when pristine', () => {
renderWithProvider(<PasswordChangeForm />);
expect(screen.getByRole('button', { name: /change password/i })).toBeDisabled();
expect(screen.getByRole('button', { name: /update password/i })).toBeDisabled();
});
it('disables inputs while submitting', () => {
@@ -95,7 +96,7 @@ describe('PasswordChangeForm', () => {
renderWithProvider(<PasswordChangeForm />);
expect(screen.getByText(/changing password/i)).toBeInTheDocument();
expect(screen.getByText(/updating/i)).toBeInTheDocument();
});
});

4
frontend/tests/components/settings/ProfileSettingsForm.test.tsx
View File

@@ -72,7 +72,7 @@ describe('ProfileSettingsForm', () => {
it('renders form with all fields', () => {
renderWithProvider(<ProfileSettingsForm />);
expect(screen.getByText('Profile Information')).toBeInTheDocument();
expect(screen.getByText('Profile Settings')).toBeInTheDocument();
expect(screen.getByLabelText(/first name/i)).toBeInTheDocument();
expect(screen.getByLabelText(/last name/i)).toBeInTheDocument();
expect(screen.getByLabelText(/email/i)).toBeInTheDocument();
@@ -103,7 +103,7 @@ describe('ProfileSettingsForm', () => {
it('shows email cannot be changed message', () => {
renderWithProvider(<ProfileSettingsForm />);
expect(screen.getByText(/cannot be changed from this form/i)).toBeInTheDocument();
expect(screen.getByText(/cannot be changed.*contact support/i)).toBeInTheDocument();
});
it('marks first name as required', () => {