80 lines
2.9 KiB
TypeScript
80 lines
2.9 KiB
TypeScript
import { describe, expect, it, vi } from 'vitest';
|
||
import { screen } from '@testing-library/react';
|
||
import userEvent from '@testing-library/user-event';
|
||
import { MitreTechniqueTag, MitreTacticTag } from '@/components/MitreTechniqueTag';
|
||
import { renderWithProviders } from './utils';
|
||
import type { MitreTacticRef } from '@/api/types';
|
||
|
||
const TECHNIQUE = { id: 'T1059', name: 'Command and Scripting Interpreter', tactics: ['execution'] };
|
||
const TACTIC: MitreTacticRef = { id: 'TA0007', name: 'Discovery' };
|
||
|
||
describe('MitreTechniqueTag', () => {
|
||
it('renders id and name in title attribute (AC-22.2)', () => {
|
||
renderWithProviders(
|
||
<MitreTechniqueTag technique={TECHNIQUE} onRemove={vi.fn()} />,
|
||
);
|
||
expect(screen.getByText('T1059')).toBeInTheDocument();
|
||
// Name is in title= only, not as visible text
|
||
expect(screen.getByTitle(/Command and Scripting Interpreter/)).toBeInTheDocument();
|
||
expect(screen.queryByText(/Command and Scripting Interpreter/)).toBeNull();
|
||
});
|
||
|
||
it('shows remove button when not disabled', () => {
|
||
renderWithProviders(
|
||
<MitreTechniqueTag technique={TECHNIQUE} onRemove={vi.fn()} />,
|
||
);
|
||
expect(screen.getByRole('button', { name: /Retirer T1059/i })).toBeInTheDocument();
|
||
});
|
||
|
||
it('clicking × calls onRemove', async () => {
|
||
const onRemove = vi.fn();
|
||
const user = userEvent.setup();
|
||
renderWithProviders(
|
||
<MitreTechniqueTag technique={TECHNIQUE} onRemove={onRemove} />,
|
||
);
|
||
await user.click(screen.getByRole('button', { name: /Retirer T1059/i }));
|
||
expect(onRemove).toHaveBeenCalledOnce();
|
||
});
|
||
|
||
it('hides remove button when disabled', () => {
|
||
renderWithProviders(
|
||
<MitreTechniqueTag technique={TECHNIQUE} onRemove={vi.fn()} disabled />,
|
||
);
|
||
expect(screen.queryByRole('button', { name: /Retirer/i })).toBeNull();
|
||
});
|
||
});
|
||
|
||
describe('MitreTacticTag', () => {
|
||
it('renders tactic id with title containing name', () => {
|
||
renderWithProviders(
|
||
<MitreTacticTag tactic={TACTIC} onRemove={vi.fn()} />,
|
||
);
|
||
expect(screen.getByText('TA0007')).toBeInTheDocument();
|
||
expect(screen.getByTitle(/Discovery/)).toBeInTheDocument();
|
||
});
|
||
|
||
it('shows remove button when not disabled', () => {
|
||
renderWithProviders(
|
||
<MitreTacticTag tactic={TACTIC} onRemove={vi.fn()} />,
|
||
);
|
||
expect(screen.getByRole('button', { name: /Retirer TA0007/i })).toBeInTheDocument();
|
||
});
|
||
|
||
it('clicking × calls onRemove', async () => {
|
||
const onRemove = vi.fn();
|
||
const user = userEvent.setup();
|
||
renderWithProviders(
|
||
<MitreTacticTag tactic={TACTIC} onRemove={onRemove} />,
|
||
);
|
||
await user.click(screen.getByRole('button', { name: /Retirer TA0007/i }));
|
||
expect(onRemove).toHaveBeenCalledOnce();
|
||
});
|
||
|
||
it('hides remove button when disabled', () => {
|
||
renderWithProviders(
|
||
<MitreTacticTag tactic={TACTIC} onRemove={vi.fn()} disabled />,
|
||
);
|
||
expect(screen.queryByRole('button', { name: /Retirer/i })).toBeNull();
|
||
});
|
||
});
|