みてるぞ
7d48a8f694
Reviewed-on: #359 Co-authored-by: miteruzo <miteruzo@naver.com> Co-committed-by: miteruzo <miteruzo@naver.com>
84 行
2.2 KiB
TypeScript
84 行
2.2 KiB
TypeScript
import { act, fireEvent, render } from '@testing-library/react'
|
|
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
import { createRef } from 'react'
|
|
|
|
import NicoViewer from '@/components/NicoViewer'
|
|
|
|
import type { NiconicoViewerHandle } from '@/types'
|
|
|
|
|
|
describe ('NicoViewer', () => {
|
|
afterEach (() => {
|
|
vi.useRealTimers ()
|
|
})
|
|
|
|
it ('does not time out after metadata reports a playable duration', () => {
|
|
vi.useFakeTimers ()
|
|
|
|
const onError = vi.fn ()
|
|
const onMetadataChange = vi.fn ()
|
|
const { container } = render (
|
|
<NicoViewer
|
|
id="sm12345"
|
|
width={640}
|
|
height={360}
|
|
onMetadataChange={onMetadataChange}
|
|
onError={onError}/>,
|
|
)
|
|
const iframe = container.querySelector ('iframe')
|
|
expect (iframe).not.toBeNull ()
|
|
|
|
fireEvent.load (iframe!)
|
|
act (() => {
|
|
window.dispatchEvent (new MessageEvent ('message', {
|
|
origin: 'https://embed.nicovideo.jp',
|
|
source: iframe!.contentWindow,
|
|
data: {
|
|
eventName: 'playerMetadataChange',
|
|
data: {
|
|
currentTime: 7,
|
|
duration: 120,
|
|
isVideoMetaDataLoaded: true,
|
|
maximumBuffered: 30,
|
|
muted: false,
|
|
showComment: true,
|
|
volume: 1,
|
|
},
|
|
},
|
|
}))
|
|
})
|
|
|
|
act (() => {
|
|
vi.advanceTimersByTime (8_000)
|
|
})
|
|
|
|
expect (onMetadataChange).toHaveBeenCalled ()
|
|
expect (onError).not.toHaveBeenCalled ()
|
|
})
|
|
|
|
it ('seeks with milliseconds', () => {
|
|
const ref = createRef<NiconicoViewerHandle> ()
|
|
const { container } = render (
|
|
<NicoViewer
|
|
ref={ref}
|
|
id="sm12345"
|
|
width={640}
|
|
height={360}/>,
|
|
)
|
|
const iframe = container.querySelector ('iframe')!
|
|
const postMessage = vi.spyOn (iframe.contentWindow!, 'postMessage')
|
|
|
|
act (() => {
|
|
ref.current!.seek (7_000)
|
|
})
|
|
|
|
expect (postMessage).toHaveBeenCalledWith (
|
|
expect.objectContaining ({
|
|
eventName: 'seek',
|
|
data: { time: 7_000 },
|
|
}),
|
|
'https://embed.nicovideo.jp',
|
|
)
|
|
})
|
|
})
|