mirror of
https://github.com/AmanTahiliani/box-box.git
synced 2026-08-07 19:56:18 -04:00
AmanTahiliani
66bf649729
Ship driver comparison in the race hub: two pickers (default top finishers), best-lap telemetry overlays via TelemetryTraceChart, and cumulative pace delta via DeltaTimeGraph with pit-lap captions. Car data is filtered to each driver's fastest lap client-side (OpenF1 returns full-session samples). Co-authored-by: Cursor <cursoragent@cursor.com>
39 lines
1.9 KiB
TypeScript
39 lines
1.9 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest'
|
|
import { render, screen, fireEvent } from '@testing-library/react'
|
|
import { TabBar } from '../components/TabBar'
|
|
|
|
describe('TabBar', () => {
|
|
it('renders all Race Hub workspace tabs', () => {
|
|
render(<TabBar active="overview" onChange={() => {}} />)
|
|
expect(screen.getByRole('tab', { name: 'Overview' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Race Story' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Strategy' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Compare' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Lap Data' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Conditions' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Race Control' })).toBeInTheDocument()
|
|
expect(screen.getByRole('tab', { name: 'Data Status' })).toBeInTheDocument()
|
|
})
|
|
|
|
it('marks the active tab with aria-selected', () => {
|
|
render(<TabBar active="strategy" onChange={() => {}} />)
|
|
expect(screen.getByRole('tab', { name: 'Strategy' })).toHaveAttribute('aria-selected', 'true')
|
|
expect(screen.getByRole('tab', { name: 'Overview' })).toHaveAttribute('aria-selected', 'false')
|
|
})
|
|
|
|
it('applies active class only to the active tab', () => {
|
|
render(<TabBar active="conditions" onChange={() => {}} />)
|
|
const active = screen.getByRole('tab', { name: 'Conditions' })
|
|
const inactive = screen.getByRole('tab', { name: 'Overview' })
|
|
expect(active.className).toContain('active')
|
|
expect(inactive.className).not.toContain('active')
|
|
})
|
|
|
|
it('calls onChange with the correct tab id when clicked', () => {
|
|
const onChange = vi.fn()
|
|
render(<TabBar active="overview" onChange={onChange} />)
|
|
fireEvent.click(screen.getByRole('tab', { name: 'Race Control' }))
|
|
expect(onChange).toHaveBeenCalledWith('race_control')
|
|
})
|
|
})
|