reactjs - 在使用 Jest 进行测试时，有什么方法可以触发视频元素上的 onEnded 属性吗？

Question

我一直在尝试使用 jest 测试这个组件，但我一直没能找到绕过它的方法。

function TestUseStateObject() {
  const [state, setState] = React.useState(true);
  const handleAdd = () => {
    console.log('setting state');
    setState(false)
  }
  console.log('state > ', state);
  if(!state) {
    return (<p>Testing</p>)
  }
  return (
    <video src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" autoPlay controls onEnded={() => handleAdd()} />
  )
}

Answer 1

经过几个小时的努力，我终于找到了答案!

使用 React 测试库:

fireEvent.ended(videoElement);

做同样的事情的长格式是

const endedEvent = createEvent('ended', element);
fireEvent(element, endedEvent);

(此处提供的其他答案创建了一个 'onEnded' 事件，这不是事件类型，因为该事件实际上称为 'ended')