fix: ui tests

Signed-off-by: Rafael Silva (rafaelsi) <rafaelsi@cisco.com>

Author: rafaelsilva29

frontend/README.md

@@ -45,26 +45,7 @@ yarn install
 
 ## 🛠 Development Setup
 
-### 1. Generate PWA Assets (Logo Setup)
-
-> **⚠️ IMPORTANT**  
-> Before starting development, generate the PWA assets from your logo. This step sets up all the necessary icons and splash screens for your app.
-
-```bash
-# Generate PWA assets from the logo.svg file
-yarn generate-pwa-assets
-```
-
-This script will:
-
-- Generate all required PWA icons (favicon, apple-touch-icon, etc.)
-- Create properly sized assets from your `public/logo.svg` file
-- Set up the visual identity for your Progressive Web App
-
-> **📝 NOTE**  
-> Make sure you have your custom logo as `public/logo.svg` before running this command.
-
-### 2. Setup Node.js Version
+### 1. Setup Node.js Version
 
 ```bash
 # Install NVM if you haven't already
@@ -78,7 +59,7 @@ nvm install
 nvm use
 ```
 
-### 3. Clone and Install Dependencies
+### 2. Clone and Install Dependencies
 
 ```bash
 # Clone the repository
@@ -89,7 +70,7 @@ cd identity-service/frontend
 yarn install
 ```
 
-### 4. Environment Configuration
+### 3. Environment Configuration
 
 Create a `.env` file in the root directory:
 
@@ -155,7 +136,7 @@ These options control:
 - **tabInactivityDuration**: Time in seconds before considering tab inactive
 - **syncStorage**: Whether to synchronize authentication state across browser tabs
 
-### 5. Global Configuration Setup
+### 4. Global Configuration Setup
 
 Configure the application's global settings by editing `src/config/global.ts`:
 
@@ -185,6 +166,25 @@ export const globalConfig = {
 
 **Important**: Remove any `<place-holder>` text and update all URLs, email addresses, and company information to match your actual application requirements.
 
+### 5. Generate PWA Assets (Logo Setup)
+
+> **⚠️ IMPORTANT**  
+> After cloning the repository and configuring your settings, generate the PWA assets from your logo. This step sets up all the necessary icons and splash screens for your app.
+
+```bash
+# Generate PWA assets from the logo.svg file
+yarn generate-pwa-assets
+```
+
+This script will:
+
+- Generate all required PWA icons (favicon, apple-touch-icon, etc.)
+- Create properly sized assets from your `public/logo.svg` file
+- Set up the visual identity for your Progressive Web App
+
+> **📝 NOTE**  
+> Make sure you have your custom logo as `public/logo.svg` before running this command.
+
 ### 6. Start Development Server
 
 ```bash

frontend/src/components/layout/public-header.tsx

@@ -17,7 +17,7 @@ export const PublicHeader = ({userSection}: {userSection?: ReactNode}) => {
           <div className="w-12">
             <img src="/logo.svg" alt="Logo" className="w-full" />
           </div>
-          <Logo className="w-[200px] md:w-[300px] lg:w-full" />
+          <Logo className="w-[200px] md:w-[300px] lg:w-full" data-testid="header-logo-svg" />
         </div>
       }
       position="fixed"

frontend/src/components/layout/tests/footer.test.tsx

@@ -9,6 +9,7 @@ import {screen} from '@testing-library/react';
 import '@testing-library/jest-dom';
 import {renderWithClient} from '@/utils/tests';
 import {Footer} from '../footer';
+import {globalConfig} from '@/config/global';
 import userEvent from '@testing-library/user-event';
 import {MouseEventHandler, ReactElement, JSXElementConstructor, ReactNode, ReactPortal, Key} from 'react';
 import {ClassAttributes, HTMLAttributes} from 'react';
@@ -109,9 +110,19 @@ describe('Footer', () => {
     // Check if footer logo is rendered
     expect(screen.getByTestId('footer-logo')).toBeInTheDocument();
 
-    // Check copyright text
+    // Check copyright text (should contain year and company name from config)
     const currentYear = new Date().getFullYear();
-    expect(screen.getByText(`© ${currentYear} Cisco Systems, Inc.`)).toBeInTheDocument();
+    // Target the specific span element that contains the copyright text
+    expect(
+      screen.getByText((content, element) => {
+        if (!element || element.tagName !== 'SPAN') {
+          return false;
+        }
+        const normalizedText = element.textContent?.replace(/\s+/g, ' ').trim() || '';
+        const expectedText = `© ${currentYear} ${globalConfig.company.name}`;
+        return normalizedText.includes(expectedText);
+      })
+    ).toBeInTheDocument();
 
     // Check if all desktop links are rendered
     expect(screen.getByText('support@agntcy.com')).toBeInTheDocument();
@@ -132,9 +143,19 @@ describe('Footer', () => {
     // Check if footer logo is still rendered
     expect(screen.getByTestId('footer-logo')).toBeInTheDocument();
 
-    // Check copyright text is still present
+    // Check copyright text is still present (should contain year and company name from config)
     const currentYear = new Date().getFullYear();
-    expect(screen.getByText(`© ${currentYear} Cisco Systems, Inc.`)).toBeInTheDocument();
+    // Target the specific span element that contains the copyright text
+    expect(
+      screen.getByText((content, element) => {
+        if (!element || element.tagName !== 'SPAN') {
+          return false;
+        }
+        const normalizedText = element.textContent?.replace(/\s+/g, ' ').trim() || '';
+        const expectedText = `© ${currentYear} ${globalConfig.company.name}`;
+        return normalizedText.includes(expectedText);
+      })
+    ).toBeInTheDocument();
 
     // In mobile view, only Cookies link should be present
     expect(screen.queryByText('support@agntcy.com')).not.toBeInTheDocument();
@@ -166,8 +187,19 @@ describe('Footer', () => {
 
     renderWithClient(<Footer />);
 
+    // Check that copyright contains current year and company name from config
     const currentYear = new Date().getFullYear();
-    expect(screen.getByText(`© ${currentYear} Cisco Systems, Inc.`)).toBeInTheDocument();
+    // Target the specific span element that contains the copyright text
+    expect(
+      screen.getByText((content, element) => {
+        if (!element || element.tagName !== 'SPAN') {
+          return false;
+        }
+        const normalizedText = element.textContent?.replace(/\s+/g, ' ').trim() || '';
+        const expectedText = `© ${currentYear} ${globalConfig.company.name}`;
+        return normalizedText.includes(expectedText);
+      })
+    ).toBeInTheDocument();
   });
 
   it('has correct link for Terms & Conditions', () => {

frontend/src/components/layout/tests/public-header.test.tsx

@@ -83,20 +83,12 @@ describe('PublicHeader', () => {
     expect(header).toHaveAttribute('data-use-divider', 'false');
   });
 
-  it('renders logo with correct link to agntcy.org', () => {
-    renderWithClient(<PublicHeader />);
-
-    const logoLink = screen.getByTestId('router-link');
-    expect(logoLink).toHaveAttribute('href', 'https://agntcy.org/');
-    expect(logoLink).toHaveAttribute('target', '_blank');
-    expect(logoLink).toHaveAttribute('rel', 'noopener noreferrer');
-  });
-
   it('renders logo with responsive classes', () => {
     renderWithClient(<PublicHeader />);
 
     const logoSvg = screen.getByTestId('header-logo-svg');
-    expect(logoSvg).toHaveClass('w-[250px]', 'md:w-[300px]', 'lg:w-full');
+    // Check the actual classes used in the component
+    expect(logoSvg).toHaveClass('w-[200px]', 'md:w-[300px]', 'lg:w-full');
   });
 
   it('renders default user section with login and register buttons when no userSection provided', () => {