import { render } from '@testing-library/react';
import { ChartLegend } from './ChartLegend';
import { ChartLabel } from '../ChartLabel/ChartLabel';

Object.values([true, false]).forEach(() => {
  test('ChartLegend', () => {
    const { asFragment } = render(
      <ChartLegend titleComponent={<ChartLabel id="test" />} labelComponent={<ChartLabel id="test2" />} />
    );
    expect(asFragment()).toMatchSnapshot();
  });
});

test('renders component data', () => {
  const { asFragment } = render(
    <ChartLegend
      data={[{ name: 'Cats' }, { name: 'Dogs' }]}
      title="Average number of pets"
      height={50}
      width={200}
      titleComponent={<ChartLabel id="test3" />}
      labelComponent={<ChartLabel id="test4" />}
    />
  );
  expect(asFragment()).toMatchSnapshot();
});