Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-03 09:08:52 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

test: update AgentFooter tests to use document.querySelector for spinner checks

Browse source 
test: mock window.matchMedia in setupTests.js for consistent test environment
This commit is contained in:
Danny Avila 2025-07-16 00:38:42 -04:00 • committed by Marco Beretta
parent bac6e499b7
commit 63d0c301a0
No known key found for this signature in database
GPG key ID: D918033D8E74CC11
2 changed files with 18 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/SidePanel/Agents/__tests__/AgentFooter.spec.tsx
View file

@ -198,14 +198,14 @@ describe('AgentFooter', () => {
expect(screen.queryByTestId('admin-settings')).not.toBeInTheDocument();
expect(screen.queryByTestId('share-agent')).not.toBeInTheDocument();
expect(screen.queryByTestId('duplicate-agent')).not.toBeInTheDocument();
expect(screen.queryByTestId('spinner')).not.toBeInTheDocument();
expect(document.querySelector('.spinner')).not.toBeInTheDocument();
});
test('handles loading states for createMutation', () => {
const { unmount } = render(
<AgentFooter {...defaultProps} createMutation={createBaseMutation(true)} />,
);
expect(screen.getByTestId('spinner')).toBeInTheDocument();
expect(document.querySelector('.spinner')).toBeInTheDocument();
expect(screen.queryByText('Save')).not.toBeInTheDocument();
expect(screen.getByRole('button')).toBeDisabled();
expect(screen.getByRole('button')).toHaveAttribute('aria-busy', 'true');
@ -214,7 +214,7 @@ describe('AgentFooter', () => {
test('handles loading states for updateMutation', () => {
render(<AgentFooter {...defaultProps} updateMutation={createBaseMutation(true)} />);
expect(screen.getByTestId('spinner')).toBeInTheDocument();
expect(document.querySelector('.spinner')).toBeInTheDocument();
expect(screen.queryByText('Save')).not.toBeInTheDocument();
});
});

15
client/test/setupTests.js
View file

@ -20,6 +20,21 @@ import 'jest-canvas-mock';
// Mock ResizeObserver
import './resizeObserver.mock';
// Mock window.matchMedia
Object.defineProperty(window, 'matchMedia', {
writable: true,
value: jest.fn().mockImplementation((query) => ({
matches: false,
media: query,
onchange: null,
addListener: jest.fn(), // deprecated
removeListener: jest.fn(), // deprecated
addEventListener: jest.fn(),
removeEventListener: jest.fn(),
dispatchEvent: jest.fn(),
})),
});
beforeEach(() => {
jest.clearAllMocks();
});