import React from 'react';

import { fireEvent, render } from '@testing-library/react-native';

import ButtonGroup from '../ButtonGroup';

describe('rendering', () => {
  it('renders correctly', () => {
    const { toJSON } = render(
      <ButtonGroup>
        <ButtonGroup.Button text="Button 1" active />
        <ButtonGroup.Button text="Button 2" />
      </ButtonGroup>,
    );
    expect(toJSON()).toMatchSnapshot();
  });
});

describe('interaction', () => {
  it('calls onPress when pressing on the button', () => {
    const onPressBtn1 = jest.fn();
    const onPressBtn2 = jest.fn();

    const { getByText } = render(
      <ButtonGroup>
        <ButtonGroup.Button text="Button 1" onPress={onPressBtn1} />
        <ButtonGroup.Button text="Button 2" onPress={onPressBtn2} />
      </ButtonGroup>,
    );

    fireEvent.press(getByText('Button 1'));
    expect(onPressBtn1).toBeCalledTimes(1);

    fireEvent.press(getByText('Button 2'));
    expect(onPressBtn2).toBeCalledTimes(1);
  });
});