fix(design): code-reviewer polish — dedupe tag-mitre recipe, drop dead boxShadow tokens, cover StatusBadge classes
F1: MitreTechniqueTag inline classes replaced with className="tag-mitre gap-xxs"
(index.css .tag-mitre is now the single source of truth for technique tags).
F2: boxShadow block removed from tailwind.config.ts — no component referenced
shadow-soft-lift / shadow-floating / *-dark; DESIGN.md §Don'ts prohibits shadows.
F4: StatusBadge.test.tsx gains 3 class assertions (bg-warn-soft / bg-primary-soft / bg-cloud)
mirroring SimulationStatusBadge.test.tsx pattern. Test count: 136 → 139.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -9,4 +9,19 @@ describe('StatusBadge', () => {
|
||||
expect(badge).toHaveAttribute('data-status', status);
|
||||
expect(badge.textContent?.toLowerCase()).toBe(status);
|
||||
});
|
||||
|
||||
it('applies warn-soft surface for planned', () => {
|
||||
render(<StatusBadge status="planned" />);
|
||||
expect(screen.getByTestId('status-badge').className).toContain('bg-warn-soft');
|
||||
});
|
||||
|
||||
it('applies primary-soft surface for active', () => {
|
||||
render(<StatusBadge status="active" />);
|
||||
expect(screen.getByTestId('status-badge').className).toContain('bg-primary-soft');
|
||||
});
|
||||
|
||||
it('applies cloud surface for closed', () => {
|
||||
render(<StatusBadge status="closed" />);
|
||||
expect(screen.getByTestId('status-badge').className).toContain('bg-cloud');
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user