import { render, screen } from '@testing-library/react';
import { Toggle } from './Toggle';

describe('<Toggle>', () => {
    it('should render input', () => {
        render(<Toggle />);

        expect(screen.getByRole('checkbox')).toBeVisible();
    });

    it('should apply className', () => {
        render(<Toggle className="custom-class" />);

        expect(screen.getByRole('checkbox').parentElement).toHaveClass(
            'custom-class'
        );
    });

    it('should apply styles', () => {
        render(<Toggle style={{ position: 'absolute' }} />);

        expect(screen.getByRole('checkbox').parentElement).toHaveStyle({
            position: 'absolute',
        });
    });
});