import { screen, waitFor } from '@testing-library/vue'
import { expect, it } from 'vitest'
import UnitTestCase from '@/__tests__/UnitTestCase'
import AcceptInvitation from './AcceptInvitation.vue'
import { invitationService } from '@/services'
import factory from '@/__tests__/factory'

new class extends UnitTestCase {
  protected test () {
    it('accepts invitation', async () => {
      const getProspectMock = this.mock(invitationService, 'getUserProspect')
        .mockResolvedValue(factory.states('prospect')<User>('user'))

      const acceptMock = this.mock(invitationService, 'accept').mockResolvedValue({
        token: 'my-api-token',
        'audio-token': 'my-audio-token'
      })

      await this.router.activateRoute({
          path: '_',
          screen: 'Invitation.Accept'
        }, {
        token: 'my-token'
      })

      this.render(AcceptInvitation)
      await waitFor(() => expect(getProspectMock).toHaveBeenCalledWith('my-token'))

      await this.tick(2)

      await this.user.type(screen.getByTestId('name'), 'Bruce Dickinson')
      await this.user.type(screen.getByTestId('password'), 'top-secret')
      await this.user.click(screen.getByRole('button', { name: 'Accept & Log In' }))

      expect(acceptMock).toHaveBeenCalledWith('my-token', 'Bruce Dickinson', 'top-secret')
    })
  }
}