knacky/mimic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(design): terminal-SOC aesthetic refresh (sprint 7) #10

Merged
knacky merged 12 commits from sprint/7-design into main 2026-06-10 16:40:20 +00:00
Conversation 0 Commits 12 Files Changed 34 +6 -6
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0e69eb901c - Show all commits

12
frontend/tests/SimulationStatusBadge.test.tsx
View File

@@ -18,10 +18,10 @@ describe('SimulationStatusBadge', () => {
expect(badge.textContent).toBe(label); expect(badge.textContent).toBe(label);
}); });
it('applies fog surface for pending', () => { it('applies cloud surface for pending (terminal-SOC semantic tokens)', () => {
render(<SimulationStatusBadge status="pending" />); render(<SimulationStatusBadge status="pending" />);
const badge = screen.getByTestId('simulation-status-badge'); const badge = screen.getByTestId('simulation-status-badge');
expect(badge.className).toContain('bg-fog'); expect(badge.className).toContain('bg-cloud');
}); });
it('applies primary-soft surface for in_progress', () => { it('applies primary-soft surface for in_progress', () => {
@@ -30,15 +30,15 @@ describe('SimulationStatusBadge', () => {
expect(badge.className).toContain('bg-primary-soft'); expect(badge.className).toContain('bg-primary-soft');
}); });
it('applies bloom-coral surface for review_required', () => { it('applies warn-soft surface for review_required (terminal-SOC semantic tokens)', () => {
render(<SimulationStatusBadge status="review_required" />); render(<SimulationStatusBadge status="review_required" />);
const badge = screen.getByTestId('simulation-status-badge'); const badge = screen.getByTestId('simulation-status-badge');
expect(badge.className).toContain('bg-bloom-coral'); expect(badge.className).toContain('bg-warn-soft');
}); });
it('applies storm-deep surface for done', () => { it('applies success-soft surface for done (terminal-SOC semantic tokens)', () => {
render(<SimulationStatusBadge status="done" />); render(<SimulationStatusBadge status="done" />);
const badge = screen.getByTestId('simulation-status-badge'); const badge = screen.getByTestId('simulation-status-badge');
expect(badge.className).toContain('bg-storm-deep'); expect(badge.className).toContain('bg-success-soft');
}); });
}); });