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

describe('Switch Component', () => {
    it('debería renderizar con el estado checked correspondiente', () => {
        const { rerender } = render(<Switch data-testid="sw" checked={false} />);
        let input = screen.getByTestId('sw') as HTMLInputElement;
        expect(input.checked).toBe(false);

        rerender(<Switch data-testid="sw" checked={true} />);
        input = screen.getByTestId('sw') as HTMLInputElement;
        expect(input.checked).toBe(true);
    });

    it('debería llamar a onCheckedChange al cambiar de estado', () => {
        const handleCheckedChange = vi.fn();
        render(<Switch data-testid="sw" checked={false} onCheckedChange={handleCheckedChange} />);
        const input = screen.getByTestId('sw');
        fireEvent.click(input);
        expect(handleCheckedChange).toHaveBeenCalledWith(true);
    });
});