import { describe, expect, test } from 'vitest';
import { mount } from '@vue/test-utils';
import { ref } from 'vue';
import Audio from '../src/audio.vue';
// import type { VNode } from 'vue';

// const _mount = (render: () => VNode) => {
//     return mount(render, { attachTo: document.body })
//   }

describe('Audio.vue', () => {
  //   test('render test', async () => {
  //     const AudioSrc = '';
  //     const wrapper = mount(() => <Audio src={AudioSrc}></Audio>);
  //     await nextTick();
  //   });

  test('play', async () => {
    const radio = ref('');
    const wrapper = mount(() => <Audio v-model={radio.value} />);
    await wrapper.trigger('click');
    expect(radio.value).toBe('');
    expect(wrapper.classes()).toContain('is-disabled');
  });
});