railbird-gql/test/component/bar-graph.test.tsx

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();
	});
});