mirror of
https://github.com/AgentSeal/codeburn.git
synced 2026-08-02 21:04:57 +00:00
0fa202b110
The owner supplied the final flame render; the hand-retrace is retired. Checkerboard keyed out to real alpha, composited to the Big Sur squircle (824/1024, r185, charcoal #231613) as app/build/icon.png (the electron-builder master, verified legible at 16px), and the flame-only alpha PNG becomes the in-app mark: FlameMark now renders the raster so splash, sidebar, About and dock are pixel-identical. Flicker applies to the whole mark (raster has no separable core). Stale icon.svg removed. Flame suites green in isolation; full suite re-verified before the in-flight quota batch commits.
37 lines
1.8 KiB
TypeScript
37 lines
1.8 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { describe, it, expect, vi } from 'vitest'
|
|
import { render, screen, fireEvent } from '@testing-library/react'
|
|
|
|
import { Sidebar } from './Sidebar'
|
|
|
|
describe('Sidebar', () => {
|
|
it('renders all eight nav items in the desktop order', () => {
|
|
render(<Sidebar active="overview" onNavigate={() => {}} />)
|
|
const labels = screen.getAllByRole('button').map(item => item.textContent?.replace(/⌘[\d,]/, ''))
|
|
expect(labels).toEqual(['Overview', 'Sessions', 'Spend', 'Optimize', 'Models', 'Compare', 'Plans', 'Settings'])
|
|
expect(screen.getByRole('button', { name: /Sessions.*⌘2/ })).toBeInTheDocument()
|
|
expect(screen.getByRole('button', { name: /Compare.*⌘6/ })).toBeInTheDocument()
|
|
expect(screen.getByRole('button', { name: /Plans.*⌘7/ })).toBeInTheDocument()
|
|
})
|
|
|
|
it('calls onNavigate with the section id when a nav item is clicked', () => {
|
|
const onNavigate = vi.fn()
|
|
render(<Sidebar active="overview" onNavigate={onNavigate} />)
|
|
fireEvent.click(screen.getByRole('button', { name: /Spend/ }))
|
|
expect(onNavigate).toHaveBeenCalledWith('spend')
|
|
})
|
|
|
|
it('marks the active item with the "on" class', () => {
|
|
render(<Sidebar active="models" onNavigate={() => {}} />)
|
|
expect(screen.getByRole('button', { name: /Models/ })).toHaveClass('on')
|
|
expect(screen.getByRole('button', { name: /Overview/ })).not.toHaveClass('on')
|
|
})
|
|
|
|
it('renders the brand flame mark, static under the closed motion gate', () => {
|
|
const { container } = render(<Sidebar active="overview" onNavigate={() => {}} />)
|
|
const flame = container.querySelector('.app .flamemark')
|
|
expect(flame?.tagName.toLowerCase()).toBe('img')
|
|
// motionEnabled() is off under vitest, so the idle flicker never attaches.
|
|
expect(container.querySelector('.fm-flicker')).toBeNull()
|
|
})
|
|
})
|