2

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()を処理するため...私は少し迷っており、そのようなコンポーネントのテストに関連する投稿が見つかりません...

4

2 に答える 2