import { expect, it } from 'vitest'
import { preferenceStore } from '@/stores'
import ComponentTestCase from '@/__tests__/ComponentTestCase'
import RepeatModeSwitch from './RepeatModeSwitch.vue'
import { fireEvent } from '@testing-library/vue'
import { playbackService } from '@/services'

new class extends ComponentTestCase {
  protected test () {
    it('changes mode', async () => {
      const mock = this.mock(playbackService, 'changeRepeatMode')
      preferenceStore.state.repeatMode = 'NO_REPEAT'
      const { getByRole } = this.render(RepeatModeSwitch)

      await fireEvent.click(getByRole('button'))

      expect(mock).toHaveBeenCalledOnce()
    })
  }
}