railbird-gql/test/component/chart-view.test.tsx

import "@testing-library/jest-native/extend-expect";
import { render } from "@testing-library/react-native";
import React from "react";
import { Text } from "react-native";

import ChartView from "../../component/charts/chart-view";

describe("ChartView Component Tests", () => {
	it("applies the passed style prop correctly", () => {
		const testStyle = { backgroundColor: "blue", padding: 10 };
		const { getByTestId } = render(
			<ChartView style={testStyle} testID="chart-view">
				<Text>Test Child</Text>
			</ChartView>,
		);

		const chartView = getByTestId("chart-view");
		expect(chartView.props.style).toEqual(expect.arrayContaining([testStyle]));
	});

	it("renders children correctly", () => {
		const { getByText } = render(
			<ChartView>
				<Text testID="child-text">Child Component</Text>
			</ChartView>,
		);

		const childText = getByText("Child Component");
		expect(childText).toBeTruthy();
	});
});