forked from cardosofelipe/fast-next-template
Felipe Cardoso
65f209c679
- Implement `ProfileSettingsForm` and `PasswordChangeForm` components to manage user profile and password updates. - Add `SessionCard` for session management and related API hooks (`useSession`). - Update settings page tests to include user state mock and React Query provider for better test reliability. - Enhance `PasswordSettingsPage` and `ProfileSettingsPage` tests to verify component rendering and user interaction. - Improve API hook structure with dedicated hooks for session and user profile management.
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
/**
|
|
* Tests for Password Settings Page
|
|
* Smoke tests for page rendering
|
|
*/
|
|
|
|
import { render, screen } from '@testing-library/react';
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import PasswordSettingsPage from '@/app/(authenticated)/settings/password/page';
|
|
|
|
describe('PasswordSettingsPage', () => {
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: { retry: false },
|
|
mutations: { retry: false },
|
|
},
|
|
});
|
|
|
|
const renderWithProvider = (component: React.ReactElement) => {
|
|
return render(
|
|
<QueryClientProvider client={queryClient}>
|
|
{component}
|
|
</QueryClientProvider>
|
|
);
|
|
};
|
|
|
|
it('renders without crashing', () => {
|
|
renderWithProvider(<PasswordSettingsPage />);
|
|
expect(screen.getByText('Password Settings')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders heading', () => {
|
|
renderWithProvider(<PasswordSettingsPage />);
|
|
expect(screen.getByRole('heading', { name: /password settings/i })).toBeInTheDocument();
|
|
});
|
|
|
|
it('shows description text', () => {
|
|
renderWithProvider(<PasswordSettingsPage />);
|
|
expect(screen.getByText(/change your password/i)).toBeInTheDocument();
|
|
});
|
|
});
|