// @ts-nocheck
import { describe, it, expect } from '@jest/globals';
import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom';
import { Switch } from './switch';

describe('Switch', () => {
  it('renders with data-slot="switch"', () => {
    const { container } = render(<Switch />);
    const switchEl = container.querySelector('[data-slot="switch"]');
    expect(switchEl).toBeInTheDocument();
  });

  it('renders thumb with data-slot="switch-thumb"', () => {
    const { container } = render(<Switch />);
    const thumb = container.querySelector('[data-slot="switch-thumb"]');
    expect(thumb).toBeInTheDocument();
  });

  it('applies custom className', () => {
    const { container } = render(<Switch className="custom-class" />);
    const switchEl = container.querySelector('[data-slot="switch"]');
    expect(switchEl).toHaveClass('custom-class');
  });

  it('can be disabled', () => {
    render(<Switch disabled />);
    const switchEl = screen.getByRole('switch');
    expect(switchEl).toBeDisabled();
  });
});