102 行
3.3 KiB
TypeScript
102 行
3.3 KiB
TypeScript
import { fireEvent, render, screen } from '@testing-library/react'
|
|
import { describe, expect, it, vi } from 'vitest'
|
|
|
|
import PostOriginalCreatedTimeField from '@/components/PostOriginalCreatedTimeField'
|
|
|
|
describe ('PostOriginalCreatedTimeField', () => {
|
|
it ('updates from and before values', () => {
|
|
const setFrom = vi.fn ()
|
|
const setBefore = vi.fn ()
|
|
|
|
render (
|
|
<PostOriginalCreatedTimeField
|
|
originalCreatedFrom={null}
|
|
setOriginalCreatedFrom={setFrom}
|
|
originalCreatedBefore={null}
|
|
setOriginalCreatedBefore={setBefore}/>,
|
|
)
|
|
|
|
const inputs = screen.getAllByDisplayValue ('')
|
|
fireEvent.change (inputs[0], { target: { value: '2026-01-02T03:04' } })
|
|
fireEvent.change (inputs[1], { target: { value: '2026-01-03T03:04' } })
|
|
|
|
expect (setFrom).toHaveBeenCalledWith (expect.stringMatching (
|
|
/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}Z$/))
|
|
expect (setBefore).toHaveBeenCalledWith (expect.stringMatching (
|
|
/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}Z$/))
|
|
})
|
|
|
|
it ('infers an exclusive before value on blur', () => {
|
|
const setBefore = vi.fn ()
|
|
|
|
render (
|
|
<PostOriginalCreatedTimeField
|
|
originalCreatedFrom={null}
|
|
setOriginalCreatedFrom={vi.fn ()}
|
|
originalCreatedBefore={null}
|
|
setOriginalCreatedBefore={setBefore}/>,
|
|
)
|
|
|
|
const input = screen.getAllByDisplayValue ('')[0]
|
|
fireEvent.blur (input, { target: { value: '2026-01-02T03:04' } })
|
|
|
|
const value = setBefore.mock.calls.at (-1)?.[0]
|
|
expect (value).toMatch (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}Z$/)
|
|
expect (new Date (value).getTime () - new Date ('2026-01-02T03:04').getTime ())
|
|
.toBe (60_000)
|
|
})
|
|
|
|
it ('does not rewrite mounted values that only differ by offset notation', () => {
|
|
const setFrom = vi.fn ()
|
|
const setBefore = vi.fn ()
|
|
|
|
render (
|
|
<PostOriginalCreatedTimeField
|
|
originalCreatedFrom="2024-01-01T12:34+09:00"
|
|
setOriginalCreatedFrom={setFrom}
|
|
originalCreatedBefore="2024-01-01T12:35+09:00"
|
|
setOriginalCreatedBefore={setBefore}/>,
|
|
)
|
|
|
|
expect (setFrom).not.toHaveBeenCalled ()
|
|
expect (setBefore).not.toHaveBeenCalled ()
|
|
})
|
|
|
|
it ('emits minute-precision UTC values only when the user edits the input', () => {
|
|
const setFrom = vi.fn ()
|
|
|
|
render (
|
|
<PostOriginalCreatedTimeField
|
|
originalCreatedFrom="2024-01-01T12:34+09:00"
|
|
setOriginalCreatedFrom={setFrom}
|
|
originalCreatedBefore={null}
|
|
setOriginalCreatedBefore={vi.fn ()}/>,
|
|
)
|
|
|
|
const input = screen.getByDisplayValue ('2024-01-01T12:34')
|
|
fireEvent.change (input, { target: { value: '2024-01-01T12:35' } })
|
|
|
|
expect (setFrom).toHaveBeenCalledWith ('2024-01-01T03:35Z')
|
|
})
|
|
|
|
it ('resets both values', () => {
|
|
const setFrom = vi.fn ()
|
|
const setBefore = vi.fn ()
|
|
|
|
render (
|
|
<PostOriginalCreatedTimeField
|
|
originalCreatedFrom="2026-01-01T00:00:00Z"
|
|
setOriginalCreatedFrom={setFrom}
|
|
originalCreatedBefore="2026-01-02T00:00:00Z"
|
|
setOriginalCreatedBefore={setBefore}/>,
|
|
)
|
|
|
|
const buttons = screen.getAllByRole ('button', { name: 'リセット' })
|
|
fireEvent.click (buttons[0])
|
|
fireEvent.click (buttons[1])
|
|
|
|
expect (setFrom).toHaveBeenCalledWith (null)
|
|
expect (setBefore).toHaveBeenCalledWith (null)
|
|
})
|
|
})
|