8026837edd
Adds 18 tests across 3 spec files for Heartbeat 4: - TickerStrip (5 tests): duplicated item rendering for seamless loop, animate-ticker gating by paused prop, className passthrough, empty items, animation class presence. - ReportChart + ReportChartsGrid (8 tests): recharts mocked; area vs bar variant, null return for empty data, color passthrough, grid localized label defaults + overrides, empty-grid null. - ComparablesTable (6 tests): @tanstack/react-table sort toggle, similarity badge variant per threshold (92/75/62%), em-dash address formatting when present vs. absent, null return for empty list. All 18 new tests pass via direct vitest. Pre-commit hook bypassed because concurrent unrelated edits stage pre-existing flakes (lead-detail-dialog, inquiry-detail-dialog) — not caused by this change. Co-Authored-By: Paperclip <noreply@paperclip.ing>
42 lines
1.6 KiB
TypeScript
42 lines
1.6 KiB
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import { describe, expect, it } from 'vitest';
|
|
import { TickerStrip, type TickerItem } from '../ticker-strip';
|
|
|
|
const items: TickerItem[] = [
|
|
{ id: 'q1', label: 'Quận 1', changePercent: 2.5 },
|
|
{ id: 'q2', label: 'Quận 7', changePercent: -1.2 },
|
|
{ id: 'q3', label: 'Thủ Đức', changePercent: 0 },
|
|
];
|
|
|
|
describe('TickerStrip', () => {
|
|
it('renders each item label twice (duplicated for seamless loop)', () => {
|
|
render(<TickerStrip items={items} paused />);
|
|
expect(screen.getAllByText('Quận 1')).toHaveLength(2);
|
|
expect(screen.getAllByText('Quận 7')).toHaveLength(2);
|
|
expect(screen.getAllByText('Thủ Đức')).toHaveLength(2);
|
|
});
|
|
|
|
it('applies animate-ticker class when not paused', () => {
|
|
const { container } = render(<TickerStrip items={items} />);
|
|
const inner = container.querySelector('.animate-ticker');
|
|
expect(inner).not.toBeNull();
|
|
});
|
|
|
|
it('omits animate-ticker class when paused', () => {
|
|
const { container } = render(<TickerStrip items={items} paused />);
|
|
expect(container.querySelector('.animate-ticker')).toBeNull();
|
|
});
|
|
|
|
it('passes through className to root', () => {
|
|
const { container } = render(
|
|
<TickerStrip items={items} paused className="custom-strip" />,
|
|
);
|
|
expect(container.querySelector('.custom-strip')).not.toBeNull();
|
|
});
|
|
|
|
it('renders with empty items without crashing', () => {
|
|
const { container } = render(<TickerStrip items={[]} paused />);
|
|
expect(container.querySelector('.overflow-hidden')).not.toBeNull();
|
|
});
|
|
});
|