import { fireEvent, render, screen } from '@testing-library/react'
import { vi } from 'vitest'
import { UpdaterModal } from './UpdaterModal'

describe('UpdaterModal tests', () => {
  test('Renders the modal', () => {
    const callback = vi.fn()
    const data = {
      version: '1.2.3',
      date: '2021-22-23T21:22:23Z',
      body: 'This is the body.',
    }

    render(
      <UpdaterModal
        isOpen={true}
        onReject={() => {}}
        onResolve={callback}
        instanceId=""
        open={false}
        close={(res) => {}}
        version={data.version}
        date={data.date}
        body={data.body}
      />
    )

    expect(screen.getByTestId('update-version')).toHaveTextContent(data.version)

    const updateButton = screen.getByTestId('update-button-update')
    expect(updateButton).toBeEnabled()
    fireEvent.click(updateButton)
    expect(callback.mock.calls).toHaveLength(1)
    expect(callback.mock.lastCall[0]).toEqual({ wantUpdate: true })

    const cancelButton = screen.getByTestId('update-button-cancel')
    expect(cancelButton).toBeEnabled()
    fireEvent.click(cancelButton)
    expect(callback.mock.calls).toHaveLength(2)
    expect(callback.mock.lastCall[0]).toEqual({ wantUpdate: false })
  })
})