mirror of
https://github.com/AgentSeal/codeburn.git
synced 2026-10-27 17:43:52 +00:00
d81a86dd02
Measured design audit fixes, one type ladder and header, zero clipping at 900 to 1680, light-theme contrast, Lucide icons, shared Escape, plurals and provider names, motion tokens with zero refresh shift, black frame with rounded content card, grouped monochrome sidebar with collapse, two-layer card system on every screen, Overview gauge, sparkline cards and chart grid, wallpaper onboarding, Windows fixes. Every number diffed identical to main on a fixed range; 1,032 app tests passing.
95 lines
3.1 KiB
TypeScript
95 lines
3.1 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { act, render, renderHook } from '@testing-library/react'
|
|
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
import gsap from 'gsap'
|
|
|
|
import { motionClass, motionEnabled, reducedMotion, useExitAnimation } from './motion'
|
|
import { StackedBars } from '../components/StackedBars'
|
|
import type { DailyHistoryEntry } from './types'
|
|
import { mockMatchMedia } from './testMatchMedia'
|
|
|
|
|
|
function entry(day: number): DailyHistoryEntry {
|
|
return {
|
|
date: `2026-07-${String(day).padStart(2, '0')}`,
|
|
cost: day,
|
|
savingsUSD: 0,
|
|
calls: 1,
|
|
inputTokens: 0,
|
|
outputTokens: 0,
|
|
cacheReadTokens: 0,
|
|
cacheWriteTokens: 0,
|
|
topModels: [],
|
|
}
|
|
}
|
|
|
|
afterEach(() => {
|
|
vi.restoreAllMocks()
|
|
Reflect.deleteProperty(window, 'matchMedia')
|
|
})
|
|
|
|
describe('motion gate', () => {
|
|
it('reducedMotion mirrors the prefers-reduced-motion query', () => {
|
|
mockMatchMedia(true)
|
|
expect(reducedMotion()).toBe(true)
|
|
mockMatchMedia(false)
|
|
expect(reducedMotion()).toBe(false)
|
|
})
|
|
|
|
it('reducedMotion is false when matchMedia is unavailable', () => {
|
|
Reflect.deleteProperty(window, 'matchMedia')
|
|
expect(reducedMotion()).toBe(false)
|
|
})
|
|
|
|
it('motionEnabled stays off under vitest even without a reduced-motion preference', () => {
|
|
mockMatchMedia(false)
|
|
expect(motionEnabled()).toBe(false)
|
|
})
|
|
|
|
it('motionClass drops the animation class while motion is off', () => {
|
|
mockMatchMedia(false)
|
|
expect(motionClass('body', 'section-fade')).toBe('body')
|
|
})
|
|
|
|
it('never drives a chart grow-in through gsap while the gate is closed', () => {
|
|
const spy = vi.spyOn(gsap, 'from')
|
|
mockMatchMedia(false)
|
|
const { container } = render(<StackedBars daily={[entry(1), entry(2)]} animateKey="a" />)
|
|
expect(spy).not.toHaveBeenCalled()
|
|
// The bars still render at their natural, un-transformed size.
|
|
expect(container.querySelectorAll('.sbars .c')).toHaveLength(2)
|
|
})
|
|
})
|
|
|
|
// The exit path only runs with motion on, which the VITEST guard normally
|
|
// blocks, so these open the gate explicitly.
|
|
describe('useExitAnimation', () => {
|
|
function armExit(openKey: string) {
|
|
vi.stubEnv('VITEST', '')
|
|
mockMatchMedia(false)
|
|
const onDone = vi.fn()
|
|
const view = renderHook(({ key }) => useExitAnimation(onDone, 240, key), { initialProps: { key: openKey } })
|
|
act(() => { view.result.current.beginExit() })
|
|
return { onDone, ...view }
|
|
}
|
|
|
|
afterEach(() => { vi.unstubAllEnvs(); vi.useRealTimers() })
|
|
|
|
it('drops the pending close when the parent reopens on a new subject', () => {
|
|
vi.useFakeTimers()
|
|
const { onDone, result, rerender } = armExit('row-a')
|
|
expect(result.current.closing).toBe(true)
|
|
act(() => { vi.advanceTimersByTime(80) })
|
|
rerender({ key: 'row-b' })
|
|
expect(result.current.closing).toBe(false)
|
|
act(() => { vi.advanceTimersByTime(1000) })
|
|
expect(onDone).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('still closes when nothing reopens it', () => {
|
|
vi.useFakeTimers()
|
|
const { onDone } = armExit('row-a')
|
|
act(() => { vi.advanceTimersByTime(240) })
|
|
expect(onDone).toHaveBeenCalledTimes(1)
|
|
})
|
|
})
|