import React from 'react';
import { render } from '@testing-library/react-native';
import BarGraph from '../../component/charts/bar-graph/bar-graph';
import { graph_data_two_measures } from '../../mock/charts/mock-data';

describe('BarGraph Component Tests', () => {

  it('renders correctly with data', () => {
    const { getByTestId } = render(<BarGraph data={graph_data_two_measures} testID='1'/>);
    expect(getByTestId(`bar-graph-1`)).toBeTruthy();
  });

  it('does not render without data', () => {
    // Have to ts-ignore to test null data conditions
    // @ts-ignore
    const { queryByTestId } = render(<BarGraph testID='2'/>);
    expect(queryByTestId(`bar-graph-2`)).toBeNull();
  });

});