@jmruthers/pace-core 0.5.68 → 0.5.70

package/src/components/PublicLayout/__tests__/PublicPageFooter.test.tsx

@@ -0,0 +1,351 @@
+/**
+ * @file PublicPageFooter Component Tests
+ * @package @jmruthers/pace-core
+ * @module Components/PublicLayout/__tests__
+ * @since 1.0.0
+ */
+
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { PublicPageFooter } from '../PublicPageFooter';
+import type { Event } from '../../../types/unified';
+
+// Mock the cn utility
+vi.mock('../../../utils/cn', () => ({
+  cn: vi.fn((...classes) => classes.filter(Boolean).join(' '))
+}));
+
+// Mock event data
+const mockEvent: Event = {
+  event_id: 'event-123',
+  event_name: 'Test Event',
+  event_venue: 'Test Venue',
+  organisation_id: 'org-123',
+  event_start_date: '2024-01-01',
+  event_end_date: '2024-01-02',
+  event_description: 'Test event description',
+  event_status: 'active',
+  created_at: '2024-01-01T00:00:00Z',
+  updated_at: '2024-01-01T00:00:00Z'
+};
+
+describe('[component] PublicPageFooter', () => {
+    describe('Rendering', () => {
+    it('renders with basic props', () => {
+      render(<PublicPageFooter event={mockEvent} />);
+
+      expect(screen.getByRole('contentinfo')).toBeInTheDocument();
+      expect(screen.getByText(/© Copyright 2022–/)).toBeInTheDocument();
+      expect(screen.getByText(/Solvera Solutions Pty Ltd/)).toBeInTheDocument();
+    });
+
+    it('renders with custom className', () => {
+      const { container } = render(
+        <PublicPageFooter event={mockEvent} className="custom-footer-class" />
+      );
+
+      const footer = container.firstChild as HTMLElement;
+      expect(footer).toHaveClass('custom-footer-class');
+    });
+
+    it('renders with custom company name', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          companyName="Custom Company"
+        />
+      );
+
+      expect(screen.getByText(/Custom Company/)).toBeInTheDocument();
+    });
+
+    it('renders with custom year', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          year={2025}
+        />
+      );
+
+      expect(screen.getByText(/© Copyright 2022–2025/)).toBeInTheDocument();
+    });
+
+    it('renders with custom copyright text', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          copyright="Custom copyright text"
+        />
+      );
+
+      expect(screen.getByText('Custom copyright text')).toBeInTheDocument();
+    });
+  });
+
+  describe('Logo Display', () => {
+    it('shows logo when provided', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          logo="/test-logo.svg"
+        />
+      );
+
+      const logo = screen.getByAltText('Logo');
+      expect(logo).toBeInTheDocument();
+      expect(logo).toHaveAttribute('src', '/test-logo.svg');
+    });
+
+    it('does not show logo when not provided', () => {
+      render(<PublicPageFooter event={mockEvent} />);
+
+      expect(screen.queryByAltText('Logo')).not.toBeInTheDocument();
+    });
+  });
+
+  describe('Navigation Links', () => {
+    it('renders navigation links when provided', () => {
+      const links = [
+        { label: 'Home', href: '/' },
+        { label: 'About', href: '/about' },
+        { label: 'Contact', href: '/contact' }
+      ];
+
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          links={links}
+        />
+      );
+
+      expect(screen.getByText('Home')).toBeInTheDocument();
+      expect(screen.getByText('About')).toBeInTheDocument();
+      expect(screen.getByText('Contact')).toBeInTheDocument();
+
+      const homeLink = screen.getByRole('link', { name: 'Home' });
+      expect(homeLink).toHaveAttribute('href', '/');
+
+      const aboutLink = screen.getByRole('link', { name: 'About' });
+      expect(aboutLink).toHaveAttribute('href', '/about');
+
+      const contactLink = screen.getByRole('link', { name: 'Contact' });
+      expect(contactLink).toHaveAttribute('href', '/contact');
+    });
+
+    it('does not render links when not provided', () => {
+      render(<PublicPageFooter event={mockEvent} />);
+
+      expect(screen.queryByRole('link')).not.toBeInTheDocument();
+    });
+
+    it('renders empty links array gracefully', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          links={[]}
+        />
+      );
+
+      expect(screen.queryByRole('link')).not.toBeInTheDocument();
+    });
+  });
+
+  describe('Children Content', () => {
+    it('renders children when provided', () => {
+      render(
+        <PublicPageFooter event={mockEvent}>
+          <div data-testid="footer-content">Custom Footer Content</div>
+        </PublicPageFooter>
+      );
+
+      expect(screen.getByTestId('footer-content')).toBeInTheDocument();
+      expect(screen.getByText('Custom Footer Content')).toBeInTheDocument();
+    });
+
+    it('renders multiple children', () => {
+      render(
+        <PublicPageFooter event={mockEvent}>
+          <div data-testid="content-1">Content 1</div>
+          <div data-testid="content-2">Content 2</div>
+        </PublicPageFooter>
+      );
+
+      expect(screen.getByTestId('content-1')).toBeInTheDocument();
+      expect(screen.getByTestId('content-2')).toBeInTheDocument();
+    });
+
+    it('renders without children', () => {
+      render(<PublicPageFooter event={mockEvent} />);
+
+      expect(screen.getByRole('contentinfo')).toBeInTheDocument();
+      expect(screen.getByText(/© Copyright/)).toBeInTheDocument();
+    });
+  });
+
+  describe('Layout Structure', () => {
+    it('has correct footer classes', () => {
+      const { container } = render(<PublicPageFooter event={mockEvent} />);
+
+      const footer = container.firstChild as HTMLElement;
+      expect(footer).toHaveClass('mt-8', 'py-6', 'flex', 'justify-center', 'border-t', 'border-border', 'bg-main-100');
+    });
+
+    it('has proper section structure', () => {
+      render(<PublicPageFooter event={mockEvent} />);
+
+      const section = screen.getByRole('contentinfo').querySelector('section');
+      expect(section).toHaveClass('px-4', 'w-[min(var(--app-width),100%)]', 'mx-auto', 'text-center');
+    });
+
+    it('has proper link list structure', () => {
+      const links = [
+        { label: 'Home', href: '/' },
+        { label: 'About', href: '/about' }
+      ];
+
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          links={links}
+        />
+      );
+
+      const linkList = screen.getByRole('list');
+      expect(linkList).toHaveClass('flex', 'gap-4', 'mt-2', 'md:mt-0');
+    });
+  });
+
+  describe('Copyright Text Generation', () => {
+    it('generates default copyright text', () => {
+      render(<PublicPageFooter event={mockEvent} />);
+
+      const currentYear = new Date().getFullYear();
+      expect(screen.getByText(`© Copyright 2022–${currentYear} all rights reserved, Solvera Solutions Pty Ltd.`)).toBeInTheDocument();
+    });
+
+    it('uses custom copyright when provided', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          copyright="All rights reserved © 2024"
+        />
+      );
+
+      expect(screen.getByText('All rights reserved © 2024')).toBeInTheDocument();
+    });
+
+    it('handles custom year in copyright generation', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          year={2030}
+        />
+      );
+
+      expect(screen.getByText('© Copyright 2022–2030 all rights reserved, Solvera Solutions Pty Ltd.')).toBeInTheDocument();
+    });
+  });
+
+  describe('Accessibility', () => {
+    it('has proper semantic structure', () => {
+      render(<PublicPageFooter event={mockEvent} />);
+
+      expect(screen.getByRole('contentinfo')).toBeInTheDocument();
+    });
+
+    it('has proper link accessibility', () => {
+      const links = [
+        { label: 'Home', href: '/' },
+        { label: 'About', href: '/about' }
+      ];
+
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          links={links}
+        />
+      );
+
+      const homeLink = screen.getByRole('link', { name: 'Home' });
+      expect(homeLink).toHaveAttribute('href', '/');
+      expect(homeLink).toHaveClass('text-muted-foreground', 'hover:text-foreground');
+    });
+
+    it('has proper list structure for links', () => {
+      const links = [
+        { label: 'Home', href: '/' },
+        { label: 'About', href: '/about' }
+      ];
+
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          links={links}
+        />
+      );
+
+      const list = screen.getByRole('list');
+      const listItems = screen.getAllByRole('listitem');
+      
+      expect(list).toBeInTheDocument();
+      expect(listItems).toHaveLength(2);
+    });
+  });
+
+  describe('Edge Cases', () => {
+    it('handles undefined links gracefully', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          links={undefined}
+        />
+      );
+
+      expect(screen.getByRole('contentinfo')).toBeInTheDocument();
+      expect(screen.queryByRole('link')).not.toBeInTheDocument();
+    });
+
+    it('handles null links gracefully', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          links={null as any}
+        />
+      );
+
+      expect(screen.getByRole('contentinfo')).toBeInTheDocument();
+      expect(screen.queryByRole('link')).not.toBeInTheDocument();
+    });
+
+    it('handles empty string company name', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          companyName=""
+        />
+      );
+
+      expect(screen.getByText(/© Copyright 2022–/)).toBeInTheDocument();
+    });
+
+    it('handles zero year', () => {
+      render(
+        <PublicPageFooter 
+          event={mockEvent} 
+          year={0}
+        />
+      );
+
+      expect(screen.getByText(/© Copyright 2022–0/)).toBeInTheDocument();
+    });
+  });
+
+  describe('Props Validation', () => {
+    it('handles missing event prop gracefully', () => {
+      // @ts-expect-error - Testing invalid props
+      const { container } = render(<PublicPageFooter />);
+      expect(container.firstChild).toBeInTheDocument();
+    });
+  });
+});