File size: 2,529 Bytes
7312c42 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | import { fireEvent, render, screen } from '@testing-library/react'
import { describe, expect, it, vi } from 'vitest'
import { TooltipProvider } from '@/components/ui/tooltip'
import { TrackAudioControls } from '@/components/widgets/multitrack/TrackAudioControls'
import type { MultiTrack } from '@/types/multitrack'
describe('TrackAudioControls', () => {
it('toggles mute and solo independently', () => {
const track: MultiTrack = {
id: 'audio',
name: 'Audio 1',
type: 'audio',
color: 'var(--multitrack-audio-bg)',
muted: false,
solo: false,
locked: false,
segments: [],
}
const onChange = vi.fn()
render(
<TooltipProvider>
<TrackAudioControls track={track} icon={<span>icon</span>} onChange={onChange} />
</TooltipProvider>,
)
fireEvent.click(screen.getByRole('button', { name: 'Mute Audio 1' }))
fireEvent.click(screen.getByRole('button', { name: 'Solo Audio 1' }))
expect(screen.getByRole('button', { name: 'Mute Audio 1' }).classList).toContain('bg-card')
expect(screen.getByRole('button', { name: 'Mute Audio 1' }).classList).toContain('text-[8px]')
expect(screen.getByRole('button', { name: 'Solo Audio 1' }).classList).toContain('bg-card')
expect(screen.getByRole('button', { name: 'Solo Audio 1' }).classList).toContain('text-[8px]')
expect(onChange).toHaveBeenNthCalledWith(1, { muted: true })
expect(onChange).toHaveBeenNthCalledWith(2, { solo: true })
})
it('preserves selection only when controls belong to the selected track', () => {
const track: MultiTrack = {
id: 'audio',
name: 'Audio 0',
type: 'audio',
color: 'var(--multitrack-audio-bg)',
muted: false,
locked: false,
segments: [],
}
const parentClick = vi.fn()
const { rerender } = render(
<div onClick={parentClick}>
<TooltipProvider>
<TrackAudioControls track={track} icon={<span>icon</span>} preserveSelection onChange={vi.fn()} />
</TooltipProvider>
</div>,
)
fireEvent.click(screen.getByRole('button', { name: 'Mute Audio 0' }))
expect(parentClick).not.toHaveBeenCalled()
rerender(
<div onClick={parentClick}>
<TooltipProvider>
<TrackAudioControls track={track} icon={<span>icon</span>} onChange={vi.fn()} />
</TooltipProvider>
</div>,
)
fireEvent.click(screen.getByRole('button', { name: 'Mute Audio 0' }))
expect(parentClick).toHaveBeenCalledTimes(1)
})
})
|