cardosofelipe/fast-next-template
Template
1
0
Fork 1
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Refactor useAuth hook, settings components, and docs for formatting and readability improvements

Browse Source 
- Consolidated multi-line arguments into single lines where appropriate in `useAuth`.
- Improved spacing and readability in data processing across components (`ProfileSettingsForm`, `PasswordChangeForm`, `SessionCard`).
- Applied consistent table and markdown formatting in design system docs (e.g., `README.md`, `08-ai-guidelines.md`, `00-quick-start.md`).
- Updated code snippets to ensure adherence to Prettier rules and streamlined JSX structures.
This commit is contained in:
Felipe Cardoso
2025-11-10 11:03:45 +01:00
parent 464a6140c4
commit 96df7edf88
208 changed files with 4056 additions and 4556 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/tests/components/admin/StatCard.test.tsx
View File

@@ -48,13 +48,9 @@ describe('StatCard', () => {
});
it('renders description when provided', () => {
render(
<StatCard {...defaultProps} description="Total registered users" />
);
render(<StatCard {...defaultProps} description="Total registered users" />);
expect(screen.getByTestId('stat-description')).toHaveTextContent(
'Total registered users'
);
expect(screen.getByTestId('stat-description')).toHaveTextContent('Total registered users');
});
it('does not render description when not provided', () => {
@@ -85,13 +81,7 @@ describe('StatCard', () => {
});
it('hides description when loading', () => {
render(
<StatCard
{...defaultProps}
description="Test description"
loading
/>
);
render(<StatCard {...defaultProps} description="Test description" loading />);
expect(screen.queryByTestId('stat-description')).not.toBeInTheDocument();
});
@@ -179,27 +169,21 @@ describe('StatCard', () => {
});
it('renders Activity icon', () => {
const { container } = render(
<StatCard {...defaultProps} icon={Activity} />
);
const { container } = render(<StatCard {...defaultProps} icon={Activity} />);
const svg = container.querySelector('svg');
expect(svg).toBeInTheDocument();
});
it('renders Building2 icon', () => {
const { container } = render(
<StatCard {...defaultProps} icon={Building2} />
);
const { container } = render(<StatCard {...defaultProps} icon={Building2} />);
const svg = container.querySelector('svg');
expect(svg).toBeInTheDocument();
});
it('renders FileText icon', () => {
const { container } = render(
<StatCard {...defaultProps} icon={FileText} />
);
const { container } = render(<StatCard {...defaultProps} icon={FileText} />);
const svg = container.querySelector('svg');
expect(svg).toBeInTheDocument();
@@ -262,9 +246,7 @@ describe('StatCard', () => {
expect(screen.getByTestId('stat-title')).toHaveTextContent('Active Users');
expect(screen.getByTestId('stat-value')).toHaveTextContent('856');
expect(screen.getByTestId('stat-description')).toHaveTextContent(
'Currently online'
);
expect(screen.getByTestId('stat-description')).toHaveTextContent('Currently online');
expect(screen.getByTestId('stat-trend')).toHaveTextContent('↑');
expect(screen.getByTestId('stat-card')).toHaveClass('custom-stat');
});
@@ -313,9 +295,7 @@ describe('StatCard', () => {
});
it('renders description with appropriate text size', () => {
render(
<StatCard {...defaultProps} description="Test description" />
);
render(<StatCard {...defaultProps} description="Test description" />);
const description = screen.getByTestId('stat-description');
expect(description).toHaveClass('text-xs');