Как проверить мои реквизиты в аудио теге с шуткой в ​​vue. js - PullRequest
Новая
       23

Как проверить мои реквизиты в аудио теге с шуткой в ​​vue. js

0 голосов
/ 15 апреля 2020

мне нужно выполнить простое юнит-тестирование для внешнего интерфейса, здесь у меня есть реквизит, который является previewUrl, здесь я в основном хочу посмотреть, правильно ли рендерится мой реквизит. Но мне интересно, как вы делаете это с этим: src = перед ним в аудио теге?

Является ли мой тест проверки рендеринга хорошим способом сделать это или нет? Спасибо

SongPlayer. vue

<template>
  <div>
    <audio controls>
      <source :src="previewUrl" type="audio/mp3" />
    </audio>
  </div>
</template>

<script>
export default {
  props: ["previewUrl"]
};
</script>

SongPlayer.spe c. js

import { shallowMount, createLocalVue } from "@vue/test-utils";
import Buefy from "buefy";

import SongPlayer from "@/components/SongPlayer.vue";

describe("SongPlayer component unit test", () => {
  let wrapper;
  let previewUrl =
    "http://a1815.phobos.apple.com/us/r1000/101/Music/70/f0/fd/mzm.hhpjhkpl.aac.p.m4a";

  beforeEach(() => {
    const localVue = createLocalVue();
    localVue.use(Buefy);
    wrapper = shallowMount(SongPlayer, {
      localVue,
      propsData: {
        previewUrl
      }
    });
  });
  test("check props render previewUrl", () => {
    expect(wrapper.vm.previewUrl).toBe(previewUrl);
  });
  test("SongPlayer is a vue instance", () => {
    expect(wrapper.isVueInstance()).toBeTruthy();
  });
});
...