mirror of https://github.com/langgenius/dify.git
96 lines
2.8 KiB
TypeScript
96 lines
2.8 KiB
TypeScript
import React from 'react'
|
|
import { fireEvent, render, screen } from '@testing-library/react'
|
|
import TimePicker from './index'
|
|
import dayjs from '../utils/dayjs'
|
|
import { isDayjsObject } from '../utils/dayjs'
|
|
|
|
jest.mock('react-i18next', () => ({
|
|
useTranslation: () => ({
|
|
t: (key: string) => {
|
|
if (key === 'time.defaultPlaceholder') return 'Pick a time...'
|
|
if (key === 'time.operation.now') return 'Now'
|
|
if (key === 'time.operation.ok') return 'OK'
|
|
if (key === 'common.operation.clear') return 'Clear'
|
|
return key
|
|
},
|
|
}),
|
|
}))
|
|
|
|
jest.mock('@/app/components/base/portal-to-follow-elem', () => ({
|
|
PortalToFollowElem: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
|
|
PortalToFollowElemTrigger: ({ children, onClick }: { children: React.ReactNode, onClick: (e: React.MouseEvent) => void }) => (
|
|
<div onClick={onClick}>{children}</div>
|
|
),
|
|
PortalToFollowElemContent: ({ children }: { children: React.ReactNode }) => (
|
|
<div data-testid="timepicker-content">{children}</div>
|
|
),
|
|
}))
|
|
|
|
jest.mock('./options', () => () => <div data-testid="time-options" />)
|
|
jest.mock('./header', () => () => <div data-testid="time-header" />)
|
|
|
|
describe('TimePicker', () => {
|
|
const baseProps = {
|
|
onChange: jest.fn(),
|
|
onClear: jest.fn(),
|
|
}
|
|
|
|
beforeEach(() => {
|
|
jest.clearAllMocks()
|
|
})
|
|
|
|
test('renders formatted value for string input (Issue #26692 regression)', () => {
|
|
render(
|
|
<TimePicker
|
|
{...baseProps}
|
|
value="18:45"
|
|
timezone="UTC"
|
|
/>,
|
|
)
|
|
|
|
expect(screen.getByDisplayValue('06:45 PM')).toBeInTheDocument()
|
|
})
|
|
|
|
test('confirms cleared value when confirming without selection', () => {
|
|
render(
|
|
<TimePicker
|
|
{...baseProps}
|
|
value={dayjs('2024-01-01T03:30:00Z')}
|
|
timezone="UTC"
|
|
/>,
|
|
)
|
|
|
|
const input = screen.getByRole('textbox')
|
|
fireEvent.click(input)
|
|
|
|
const clearButton = screen.getByRole('button', { name: /clear/i })
|
|
fireEvent.click(clearButton)
|
|
|
|
const confirmButton = screen.getByRole('button', { name: 'OK' })
|
|
fireEvent.click(confirmButton)
|
|
|
|
expect(baseProps.onChange).toHaveBeenCalledTimes(1)
|
|
expect(baseProps.onChange).toHaveBeenCalledWith(undefined)
|
|
expect(baseProps.onClear).not.toHaveBeenCalled()
|
|
})
|
|
|
|
test('selecting current time emits timezone-aware value', () => {
|
|
const onChange = jest.fn()
|
|
render(
|
|
<TimePicker
|
|
{...baseProps}
|
|
onChange={onChange}
|
|
timezone="America/New_York"
|
|
/>,
|
|
)
|
|
|
|
const nowButton = screen.getByRole('button', { name: 'Now' })
|
|
fireEvent.click(nowButton)
|
|
|
|
expect(onChange).toHaveBeenCalledTimes(1)
|
|
const emitted = onChange.mock.calls[0][0]
|
|
expect(isDayjsObject(emitted)).toBe(true)
|
|
expect(emitted?.utcOffset()).toBe(dayjs().tz('America/New_York').utcOffset())
|
|
})
|
|
})
|