反応中のテストのためにrefでコールバックをモックするにはどうすればよいですか？

Question

私は反応アプリケーションでビデオ反応を使用しています。私は、ビデオ反応コンポーネントからrefメソッドを呼び出すコンポーネントをテストする必要があります。 酵素を使いたいので、コンポーネントをマウントして、ComponentDidMountでrefメソッドを呼び出したことを確認できます。

基本的に、refs.player.seekが以下のように呼び出されることをテストするにはどうすればよいですか？私は方法をレンダリング打つ自分のREFコールバックを模擬できるようvideo-react以来

componentDidMount() { 
    this.refs.player.seek(this.props.currentTime); 
    this.refs.player.subscribeToStateChange(this.handlePlayerStateChange); 
} 

Answer 1

は、プレイを呼び出し、一時停止し、私の知識を求めるように、引用文献を必要とし、私はこのパターンを使用して終了しました。

https://medium.com/@planttheidea/never-render-in-react-testing-again-fc4bcfc2f71d

例コンポーネントコード：

export const createComponentWillReceiveProps = instance => ({seekTime, isPlaying, onSeekComplete}) => { 
    const {paused} = instance.playerRef.getState().player; 

    if (seekTime) { 
    instance.playerRef.seek(seekTime); 
    onSeekComplete(); 
    } 
    if (isPlaying && paused) { 
    instance.playerRef.play(); 
    } 
    if (!isPlaying && !paused) { 
    instance.playerRef.pause(); 
    } 
}; 

...

componentWillReceiveProps = createComponentWillReceiveProps(this) 

...

<VideoReactPlayer ref={el => this.playerRef = el} preload='auto' src={source}> 

...

とテストこのように見えた：それはリアクトの最新バージョンで廃止されてあなたは `this.refs`を使用しないでください

it('calls playerRef.play when isPlaying prop is true & paused is true',() => { 
    const instance = {playerRef: {play: jest.fn(), getState:() => ({player: {paused: true}})}}; 
    const componentWillReceiveProps = createComponentWillReceiveProps(instance); 
    componentWillReceiveProps({isPlaying: true}); 
    expect(instance.playerRef.play).toBeCalled(); 
    });