chore: add tests

frontend/src/components/sign-in/firebase-login.spec.tsx

@@ -143,4 +143,13 @@ describe('FirebaseLogin tests', () => {
 			getEnv().NEXT_PUBLIC_FRONTEND_HOST + Navigation.PrivacyPolicy,
 		);
 	});
+
+	it('should open the reset password modal when the reset password button is clicked', () => {
+		render(<FirebaseLogin setLoading={vi.fn()} isInitialized={true} />);
+		const resetPasswordButton: HTMLButtonElement = screen.getByTestId(
+			'reset-password-button',
+		);
+		fireEvent.click(resetPasswordButton);
+		expect(screen.getByTestId('password-reset-modal')).toBeInTheDocument();
+	});
 });

frontend/src/components/sign-in/firebase-login.tsx

@@ -153,6 +153,7 @@ export function FirebaseLogin({
 				<div className="flex justify-end">
 					<button
 						className="btn btn-xs btn-link"
+						data-testid="reset-password-button"
 						onClick={() => {
 							setResetPWModalOpen(true);
 						}}
@@ -180,12 +181,11 @@ export function FirebaseLogin({
 					</button>
 				))}
 				<div className="card-section-divider" />
-
 				<div
 					data-testid="tos-and-privacy-policy-container"
 					className="text-xs text-center"
 				>
-					<span>{`${t('userAgreementMessage')} `}</span>
+					<span>{t('userAgreementMessage')}</span>
 					<a
 						className="link link-primary"
 						href={host + Navigation.TOS}

frontend/src/components/sign-in/password-reset-modal.spec.tsx

@@ -0,0 +1,109 @@
+import { fireEvent, render, screen, waitFor } from 'tests/test-utils';
+
+import { PasswordResetModal } from '@/components/sign-in/password-reset-modal';
+
+describe('PasswordResetModal tests', () => {
+	it('renders correctly', async () => {
+		render(
+			<PasswordResetModal
+				handleCloseModal={vi.fn()}
+				handleResetPassword={vi.fn()}
+			/>,
+		);
+
+		await waitFor(() => {
+			expect(
+				screen.getByTestId('password-reset-modal'),
+			).toBeInTheDocument();
+		});
+
+		expect(
+			screen.getByTestId('password-reset-input-container'),
+		).toBeInTheDocument();
+		expect(
+			screen.getByTestId('password-reset-input-label'),
+		).toBeInTheDocument();
+		expect(screen.getByTestId('password-reset-input')).toBeInTheDocument();
+		expect(
+			screen.getByTestId('password-reset-button-container'),
+		).toBeInTheDocument();
+		expect(
+			screen.getByTestId('password-reset-cancel-button'),
+		).toBeInTheDocument();
+		expect(
+			screen.getByTestId('password-reset-submit-button'),
+		).toBeInTheDocument();
+	});
+
+	it('calls handleResetPassword when submit button is clicked', async () => {
+		const handleResetPassword = vi.fn();
+		render(
+			<PasswordResetModal
+				handleCloseModal={vi.fn()}
+				handleResetPassword={handleResetPassword}
+			/>,
+		);
+
+		await waitFor(() => {
+			expect(
+				screen.getByTestId('password-reset-modal'),
+			).toBeInTheDocument();
+		});
+
+		const input = screen.getByTestId('password-reset-input');
+
+		fireEvent.change(input, { target: { value: '[email protected]' } });
+
+		const submitButton = screen.getByTestId('password-reset-submit-button');
+		expect(submitButton).toBeEnabled();
+
+		fireEvent.click(submitButton);
+
+		expect(handleResetPassword).toHaveBeenCalled();
+	});
+
+	it('calls handleCloseModal when cancel button is clicked', async () => {
+		const handleCloseModal = vi.fn();
+		render(
+			<PasswordResetModal
+				handleCloseModal={handleCloseModal}
+				handleResetPassword={vi.fn()}
+			/>,
+		);
+
+		await waitFor(() => {
+			expect(
+				screen.getByTestId('password-reset-modal'),
+			).toBeInTheDocument();
+		});
+
+		const cancelButton = screen.getByTestId('password-reset-cancel-button');
+
+		fireEvent.click(cancelButton);
+
+		expect(handleCloseModal).toHaveBeenCalled();
+	});
+
+	it('disables submit button when email is invalid', async () => {
+		const handleResetPassword = vi.fn();
+		render(
+			<PasswordResetModal
+				handleCloseModal={vi.fn()}
+				handleResetPassword={handleResetPassword}
+			/>,
+		);
+
+		await waitFor(() => {
+			expect(
+				screen.getByTestId('password-reset-modal'),
+			).toBeInTheDocument();
+		});
+
+		const input = screen.getByTestId('password-reset-input');
+
+		fireEvent.change(input, { target: { value: 'invalidemail' } });
+
+		const submitButton = screen.getByTestId('password-reset-submit-button');
+		expect(submitButton).toBeDisabled();
+	});
+});