import {render, screen} from 'sentry-test/reactTestingLibrary';

import CheckboxFancy from 'sentry/components/checkboxFancy/checkboxFancy';

describe('CheckboxFancy', function () {
  it('renders', function () {
    const {container} = render(<CheckboxFancy />);
    expect(container).toSnapshot();
  });

  it('isChecked', function () {
    render(<CheckboxFancy isChecked />);
    expect(screen.getByRole('checkbox', {checked: true})).toBeInTheDocument();
    expect(screen.getByTestId('icon-check-mark')).toBeInTheDocument();
    expect(screen.queryByTestId('icon-subtract')).not.toBeInTheDocument();
  });

  it('isIndeterminate', function () {
    render(<CheckboxFancy isIndeterminate />);
    expect(screen.getByRole('checkbox')).not.toBeChecked();
    expect(screen.queryByTestId('icon-check-mark')).not.toBeInTheDocument();
    expect(screen.getByTestId('icon-subtract')).toBeInTheDocument();
  });

  it('isDisabled', function () {
    render(<CheckboxFancy isDisabled />);
    expect(screen.getByRole('checkbox')).toHaveAttribute('aria-disabled', 'true');
    expect(screen.queryByTestId('icon-check-mark')).not.toBeInTheDocument();
    expect(screen.queryByTestId('icon-subtract')).not.toBeInTheDocument();
  });
});