29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
import { fireEvent, render, screen } from '@testing-library/react'
|
|
import { describe, expect, it, vi } from 'vitest'
|
|
import { GuanghuThemeMenu } from './GuanghuThemeMenu'
|
|
|
|
describe('GuanghuThemeMenu', () => {
|
|
it('presents the current theme as a channel-style navigation control', () => {
|
|
render(<GuanghuThemeMenu value="lake-dark" onChange={vi.fn()} />)
|
|
|
|
expect(screen.getByRole('button', {
|
|
name: '选择光湖界面主题，当前为湖心深色（暗）',
|
|
})).toBeInTheDocument()
|
|
expect(screen.queryByRole('combobox')).not.toBeInTheDocument()
|
|
})
|
|
|
|
it('shows every theme in one consistent navigation menu and changes selection', async () => {
|
|
const onChange = vi.fn()
|
|
render(<GuanghuThemeMenu value="lake-dark" onChange={onChange} />)
|
|
|
|
fireEvent.pointerDown(
|
|
screen.getByRole('button', {
|
|
name: '选择光湖界面主题，当前为湖心深色（暗）',
|
|
}),
|
|
{ button: 0 },
|
|
)
|
|
fireEvent.click(await screen.findByRole('menuitemradio', { name: /极光深海/ }))
|
|
|
|
expect(onChange).toHaveBeenCalledWith('aurora-dark')
|
|
})
|
|
})
|