b97c2757ca
- Fix setTimeout memory leak in ChatRoom.tsx by storing timeout in
useRef and cleaning up on unmount
- Add tests for Accordion, Collapsible, FloatingInput, AnimatedNumber,
and FAB components (5 new test files, all passing)
- Fix socialService methods (deleteComment, markRead, markAllRead) to
return values matching test expectations
- Fix MSW handlers for chat/token and notification endpoints to use
proper { success: true, data: ... } envelope format
- Fix invalid CSS selector in TrackList.test.tsx that caused JSDOM crash
- Document excluded test files with TODO tickets in vitest.config.ts
Co-authored-by: Cursor <cursoragent@cursor.com>
65 lines
1.8 KiB
TypeScript
65 lines
1.8 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest';
|
|
import { render, screen, fireEvent } from '@testing-library/react';
|
|
import { Collapsible } from './collapsible';
|
|
|
|
describe('Collapsible', () => {
|
|
it('renders trigger content', () => {
|
|
render(
|
|
<Collapsible trigger={<span>Click me</span>}>
|
|
<p>Hidden content</p>
|
|
</Collapsible>
|
|
);
|
|
expect(screen.getByText('Click me')).toBeInTheDocument();
|
|
});
|
|
|
|
it('starts collapsed by default', () => {
|
|
render(
|
|
<Collapsible trigger={<span>Toggle</span>}>
|
|
<p>Content</p>
|
|
</Collapsible>
|
|
);
|
|
const button = screen.getByRole('button');
|
|
expect(button).toHaveAttribute('aria-expanded', 'false');
|
|
});
|
|
|
|
it('toggles on click', () => {
|
|
render(
|
|
<Collapsible trigger={<span>Toggle</span>}>
|
|
<p>Content</p>
|
|
</Collapsible>
|
|
);
|
|
const button = screen.getByRole('button');
|
|
fireEvent.click(button);
|
|
expect(button).toHaveAttribute('aria-expanded', 'true');
|
|
});
|
|
|
|
it('calls onOpenChange when toggled', () => {
|
|
const onOpenChange = vi.fn();
|
|
render(
|
|
<Collapsible trigger={<span>Toggle</span>} onOpenChange={onOpenChange}>
|
|
<p>Content</p>
|
|
</Collapsible>
|
|
);
|
|
fireEvent.click(screen.getByRole('button'));
|
|
expect(onOpenChange).toHaveBeenCalledWith(true);
|
|
});
|
|
|
|
it('respects defaultOpen prop', () => {
|
|
render(
|
|
<Collapsible trigger={<span>Toggle</span>} defaultOpen>
|
|
<p>Content</p>
|
|
</Collapsible>
|
|
);
|
|
expect(screen.getByRole('button')).toHaveAttribute('aria-expanded', 'true');
|
|
});
|
|
|
|
it('hides chevron when showChevron is false', () => {
|
|
const { container } = render(
|
|
<Collapsible trigger={<span>Toggle</span>} showChevron={false}>
|
|
<p>Content</p>
|
|
</Collapsible>
|
|
);
|
|
// No SVG icon should be rendered
|
|
expect(container.querySelector('svg')).toBeNull();
|
|
});
|
|
});
|