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

describe('Checkbox Component', () => {
    it('debería renderizar correctamente en el DOM', () => {
        render(<Checkbox data-testid="chk" />);
        const input = screen.getByTestId('chk') as HTMLInputElement;
        expect(input).toBeDefined();
        expect(input.type).toBe('checkbox');
        expect(input.checked).toBe(false);
    });

    it('debería disparar el callback onCheckedChange al ser cliqueado', () => {
        const handleCheckedChange = vi.fn();
        render(<Checkbox data-testid="chk" onCheckedChange={handleCheckedChange} />);
        const input = screen.getByTestId('chk');
        fireEvent.click(input);
        expect(handleCheckedChange).toHaveBeenCalledWith(true);
    });
});