71 lines
2.4 KiB
TypeScript
71 lines
2.4 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest';
|
|
import { render, screen, fireEvent } from '@testing-library/svelte';
|
|
import { Check, X, Trash2 } from 'lucide-svelte';
|
|
import RowActionsMenu from './RowActionsMenu.svelte';
|
|
|
|
describe('RowActionsMenu', () => {
|
|
it('renders the primary action inline', () => {
|
|
const onApprove = vi.fn();
|
|
render(RowActionsMenu, {
|
|
props: {
|
|
primary: { icon: Check, label: 'Approve', onclick: onApprove },
|
|
secondary: []
|
|
}
|
|
});
|
|
expect(screen.getByText('Approve')).toBeInTheDocument();
|
|
});
|
|
|
|
it('fires the primary action onclick', async () => {
|
|
const onApprove = vi.fn();
|
|
render(RowActionsMenu, {
|
|
props: {
|
|
primary: { icon: Check, label: 'Approve', onclick: onApprove },
|
|
secondary: []
|
|
}
|
|
});
|
|
await fireEvent.click(screen.getByText('Approve'));
|
|
expect(onApprove).toHaveBeenCalledOnce();
|
|
});
|
|
|
|
it('renders secondary action labels and exposes the overflow trigger', () => {
|
|
render(RowActionsMenu, {
|
|
props: {
|
|
primary: { icon: Check, label: 'Approve', onclick: vi.fn() },
|
|
secondary: [
|
|
{ icon: X, label: 'Reassign', onclick: vi.fn() },
|
|
{ icon: Trash2, label: 'Delete', onclick: vi.fn(), danger: true }
|
|
]
|
|
}
|
|
});
|
|
// Both inline (md:flex) and overflow-trigger (md:hidden) markup are
|
|
// present in jsdom; the test confirms labels exist and the overflow
|
|
// trigger is in the DOM.
|
|
expect(screen.getAllByText('Reassign').length).toBeGreaterThan(0);
|
|
expect(screen.getAllByText('Delete').length).toBeGreaterThan(0);
|
|
expect(screen.getByLabelText('More actions')).toBeInTheDocument();
|
|
});
|
|
|
|
it('opens the overflow menu when ⋮ is clicked', async () => {
|
|
render(RowActionsMenu, {
|
|
props: {
|
|
primary: { icon: Check, label: 'Approve', onclick: vi.fn() },
|
|
secondary: [{ icon: X, label: 'Reassign', onclick: vi.fn() }]
|
|
}
|
|
});
|
|
const trigger = screen.getByLabelText('More actions');
|
|
expect(trigger.getAttribute('aria-expanded')).toBe('false');
|
|
await fireEvent.click(trigger);
|
|
expect(trigger.getAttribute('aria-expanded')).toBe('true');
|
|
});
|
|
|
|
it('omits the overflow trigger when secondary is empty', () => {
|
|
render(RowActionsMenu, {
|
|
props: {
|
|
primary: { icon: Check, label: 'Approve', onclick: vi.fn() },
|
|
secondary: []
|
|
}
|
|
});
|
|
expect(screen.queryByLabelText('More actions')).not.toBeInTheDocument();
|
|
});
|
|
});
|