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

31 lines
964 B
TypeScript

import React from 'react';
import { Text } from 'react-native'
import { render } from '@testing-library/react-native';
import "@testing-library/jest-native/extend-expect";
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();
});
});