HTML5 要素を含む AudioPlayer vue コンポーネントをテストしていて、 Jest を使用して仕様を記述する方法を考えています。
テンプレート
<audio id="player" ref="player" @ended="ended" @canplay="canPlay" :src="file"></audio>
次のラッパーを使用する場合
const wrapper = mount(AudioPlayer, {
propsData: {
autoPlay: false,
file,
ended,
canPlay
}
});
ファイル プロパティはどのように設定すればよいですか? ( src/assets/audio/mysong.mp3 から音声ファイルを渡したい)
代わりにshallowMountを使用する場合、オーディオ要素をモックする必要がありますか? どちらの方法で...オーディオ要素がplay()、pause()、mute()を処理するため...私は少し迷っており、そのようなコンポーネントのテストに関連する投稿が見つかりません...