import React from 'react';
import { render } from '@testing-library/react-native';
import Form from '../index';

describe('FormCheckbox Component', () => {
  const TestForm = ({ children }: { children: React.ReactNode }) => {
    const form = Form.useForm();
    return <Form.FormProvider {...form}>{children}</Form.FormProvider>;
  };

  test('renders FormCheckbox without crashing', () => {
    const { getByTestId } = render(
      <TestForm>
        <Form.Checkbox
          name="test"
          testID="form-checkbox"
          options={[
            { label: 'Option 1', value: 'option1' },
            { label: 'Option 2', value: 'option2' },
          ]}
        />
      </TestForm>
    );

    expect(getByTestId('form-checkbox')).toBeTruthy();
  });

  test('renders with multiple options', () => {
    const options = [
      { label: 'Test 1', value: 'test1' },
      { label: 'Test 2', value: 'test2' },
      { label: 'Test 3', value: 'test3' },
    ];

    render(
      <TestForm>
        <Form.Checkbox name="multitest" options={options} multiple />
      </TestForm>
    );
  });

  test('passes triggerValidationOnChange prop correctly', () => {
    render(
      <TestForm>
        <Form.Checkbox
          name="validation-test"
          options={[{ label: 'Test', value: 'test' }]}
        />
      </TestForm>
    );
  });
});