blog/src/features/Web3/components/Input/InputGroup.test.tsx

import { fireEvent, render, screen } from '@testing-library/react'
import { describe, it, expect, vi } from 'vitest'
import { InputGroup } from '.'

const setAmount = vi.fn()

describe('InputGroup', () => {
  it('renders without crashing', async () => {
    render(<InputGroup amount="1" setAmount={setAmount} isDisabled={false} />)

    const input = await screen.findByRole('textbox')
    const button = await screen.findByRole('button')
    fireEvent.change(input, { target: { value: '3' } })
    fireEvent.click(button)
    expect(setAmount).toHaveBeenCalled()
  })

  it('renders disabled', async () => {
    render(<InputGroup amount="1" setAmount={setAmount} isDisabled={true} />)

    const input = await screen.findByRole('textbox')
    expect(input).toBeDefined()
    expect(input.attributes.getNamedItem('disabled')).toBeDefined()
  })
})