test(auth): add tests for linkComponent and labels props

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/auth/src/__tests__/ForgotPasswordForm.test.tsx

@@ -90,4 +90,30 @@ describe('ForgotPasswordForm', () => {
     });
     expect(onError).toHaveBeenCalled();
   });
+
+  it('uses custom linkComponent for login link', () => {
+    const CustomLink = ({ href, className, children }: { href: string; className?: string; children: React.ReactNode }) => (
+      <span data-testid="custom-link" data-href={href} className={className}>{children}</span>
+    );
+    renderWithAuth(<ForgotPasswordForm loginUrl="/login" linkComponent={CustomLink} />);
+    const link = screen.getByTestId('custom-link');
+    expect(link.getAttribute('data-href')).toBe('/login');
+  });
+
+  it('renders custom labels when provided', () => {
+    renderWithAuth(
+      <ForgotPasswordForm
+        labels={{
+          emailLabel: 'E-Mail',
+          submitButton: 'Link senden',
+          rememberPasswordText: 'Passwort eingefallen?',
+          signInText: 'Anmelden',
+        }}
+      />
+    );
+    expect(screen.getByLabelText('E-Mail')).toBeTruthy();
+    expect(screen.getByRole('button', { name: 'Link senden' })).toBeTruthy();
+    expect(screen.getByText('Passwort eingefallen?')).toBeTruthy();
+    expect(screen.getByText('Anmelden')).toBeTruthy();
+  });
 });

packages/auth/src/__tests__/LoginForm.test.tsx

@@ -120,4 +120,38 @@ describe('LoginForm', () => {
       expect(screen.getByRole('alert')).toBeTruthy();
     });
   });
+
+  it('uses custom linkComponent for links', () => {
+    const CustomLink = ({ href, className, children }: { href: string; className?: string; children: React.ReactNode }) => (
+      <span data-testid="custom-link" data-href={href} className={className}>{children}</span>
+    );
+    renderWithAuth(
+      <LoginForm registerUrl="/register" forgotPasswordUrl="/forgot" linkComponent={CustomLink} />
+    );
+    const links = screen.getAllByTestId('custom-link');
+    expect(links).toHaveLength(2);
+    expect(links[0].getAttribute('data-href')).toBe('/forgot');
+    expect(links[1].getAttribute('data-href')).toBe('/register');
+  });
+
+  it('renders custom labels when provided', () => {
+    renderWithAuth(
+      <LoginForm
+        labels={{
+          emailLabel: 'Correo',
+          passwordLabel: 'Contraseña',
+          submitButton: 'Iniciar sesión',
+          forgotPasswordText: '¿Olvidaste tu contraseña?',
+          noAccountText: '¿No tienes cuenta?',
+          signUpText: 'Regístrate',
+        }}
+      />
+    );
+    expect(screen.getByLabelText('Correo')).toBeTruthy();
+    expect(screen.getByLabelText('Contraseña')).toBeTruthy();
+    expect(screen.getByRole('button', { name: 'Iniciar sesión' })).toBeTruthy();
+    expect(screen.getByText('¿Olvidaste tu contraseña?')).toBeTruthy();
+    expect(screen.getByText('¿No tienes cuenta?')).toBeTruthy();
+    expect(screen.getByText('Regístrate')).toBeTruthy();
+  });
 });

packages/auth/src/__tests__/RegisterForm.test.tsx

@@ -132,4 +132,36 @@ describe('RegisterForm', () => {
     });
     expect(onError).toHaveBeenCalled();
   });
+
+  it('uses custom linkComponent for login link', () => {
+    const CustomLink = ({ href, className, children }: { href: string; className?: string; children: React.ReactNode }) => (
+      <span data-testid="custom-link" data-href={href} className={className}>{children}</span>
+    );
+    renderWithAuth(<RegisterForm loginUrl="/login" linkComponent={CustomLink} />);
+    const link = screen.getByTestId('custom-link');
+    expect(link.getAttribute('data-href')).toBe('/login');
+  });
+
+  it('renders custom labels when provided', () => {
+    renderWithAuth(
+      <RegisterForm
+        labels={{
+          nameLabel: '名前',
+          emailLabel: 'メール',
+          passwordLabel: 'パスワード',
+          confirmPasswordLabel: 'パスワード確認',
+          submitButton: 'アカウント作成',
+          hasAccountText: 'アカウントをお持ちですか？',
+          signInText: 'ログイン',
+        }}
+      />
+    );
+    expect(screen.getByLabelText('名前')).toBeTruthy();
+    expect(screen.getByLabelText('メール')).toBeTruthy();
+    expect(screen.getByLabelText('パスワード')).toBeTruthy();
+    expect(screen.getByLabelText('パスワード確認')).toBeTruthy();
+    expect(screen.getByRole('button', { name: 'アカウント作成' })).toBeTruthy();
+    expect(screen.getByText('アカウントをお持ちですか？')).toBeTruthy();
+    expect(screen.getByText('ログイン')).toBeTruthy();
+  });
 });