chart-view, styles and tests

test/component/chart-view.test.tsx

@@ -0,0 +1,32 @@
+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');
+    console.log(childText)
+    expect(childText).toBeTruthy();
+  });
+});