28b1cc6e48
- Updated all references, metadata, and templates to reflect the new branding, including layout files, components, and documentation. - Replaced hardcoded color tokens like `green-600` with semantic tokens (`success`, `warning`, etc.) for improved design consistency. - Enhanced `globals.css` with new color tokens for success, warning, and destructive states using the OKLCH color model. - Added comprehensive branding guidelines and updated the design system documentation to align with the new identity. - Updated tests and mocks to reflect the branding changes and ensured all visual/verbal references match "PragmaStack". - Added new `branding/README.md` and `branding` docs for mission, values, and visual identity definition.
36 lines
986 B
TypeScript
36 lines
986 B
TypeScript
/**
|
|
* Tests for Footer Component
|
|
* Verifies footer rendering and content
|
|
*/
|
|
|
|
import { render, screen } from '@testing-library/react';
|
|
import { Footer } from '@/components/layout/Footer';
|
|
|
|
describe('Footer', () => {
|
|
describe('Rendering', () => {
|
|
it('renders footer element', () => {
|
|
const { container } = render(<Footer />);
|
|
|
|
const footer = container.querySelector('footer');
|
|
expect(footer).toBeInTheDocument();
|
|
});
|
|
|
|
it('displays copyright text with current year', () => {
|
|
render(<Footer />);
|
|
|
|
const currentYear = new Date().getFullYear();
|
|
expect(
|
|
screen.getByText(`© ${currentYear} PragmaStack. All rights reserved.`)
|
|
).toBeInTheDocument();
|
|
});
|
|
|
|
it('applies correct styling classes', () => {
|
|
const { container } = render(<Footer />);
|
|
|
|
const footer = container.querySelector('footer');
|
|
expect(footer).toHaveClass('border-t');
|
|
expect(footer).toHaveClass('bg-muted/30');
|
|
});
|
|
});
|
|
});
|