Wrote snapshot tests for 6 bar, 4 line and 4 pie charts

Author: Abhinandan-Kushwaha

App.js

@@ -2,9 +2,21 @@ import React, {useEffect, useState} from 'react';
 import {ScrollView, TouchableOpacity} from 'react-native';
 import {Alert} from 'react-native';
 import {View, Text, StyleSheet} from 'react-native';
-import {MyPattern} from './src/pattern';
 import {BarChart, LineChart, PieChart} from './src';
 import {Path, Pattern} from 'react-native-svg';
+import BarWithGradient from './examples/BarChart/BarWithGradient';
+import CappedBars from './examples/BarChart/CappedBars';
+import RoundStackBar from './examples/BarChart/RoundStackBar';
+import SimpleBarAnimated from './examples/BarChart/SimpleBarAnimated';
+import SimpleBlueBars from './examples/BarChart/SimpleBlueBars';
+import AnimatedArea from './examples/LineChart/AnimatedArea';
+import AreaTwo from './examples/LineChart/AreaTwo';
+import LineChartTwo from './examples/LineChart/LineChartTwo';
+import SimpleBlueLine from './examples/LineChart/SimpleBlueLine';
+import ProgressPie from './examples/PieChart/ProgressPie';
+import SimplePie from './examples/PieChart/SimplePie';
+import SplitPie from './examples/PieChart/SplitPie';
+import ThreeDPie from './examples/PieChart/ThreeDPie';
 
 const App = () => {
   const [toggle, setToggle] = useState(true);
@@ -982,7 +994,21 @@ const App = () => {
         // backgroundColor: '#1C1C1C',
       }}>
       {/* <PieChart data={llData}/> */}
-      <LineChart data={drata} yAxisOffset={100} />
+      {/* <BarThreeD/> */}
+      {/* <BarWithGradient /> */}
+      {/* <CappedBars /> */}
+      {/* <RoundStackBar /> */}
+      {/* <SimpleBarAnimated /> */}
+      {/* <SimpleBlueBars /> */}
+      {/* <AnimatedArea /> */}
+      {/* <AreaTwo /> */}
+      {/* <LineChartTwo /> */}
+      {/* <SimpleBlueLine /> */}
+      {/* <ProgressPie /> */}
+      {/* <SimplePie /> */}
+      {/* <SplitPie /> */}
+      {/* <ThreeDPie /> */}
+      <LineChart data={drata} yAxisOffset={120} />
       {/* <LineChart
         areaChart
         curved

__tests__/App-test.js

@@ -0,0 +1,45 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import BarThreeD from '../examples/BarChart/BarThreeD';
+import BarWithGradient from '../examples/BarChart/BarWithGradient';
+import CappedBars from '../examples/BarChart/CappedBars';
+import RoundStackBar from '../examples/BarChart/RoundStackBar';
+import SimpleBarAnimated from '../examples/BarChart/SimpleBarAnimated';
+import SimpleBlueBars from '../examples/BarChart/SimpleBlueBars';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders 3D bar chart correctly', () => {
+  const tree = renderer.create(<BarThreeD />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders gradient bar chart correctly', () => {
+  const tree = renderer.create(<BarWithGradient />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders capped bar chart correctly', () => {
+  const tree = renderer.create(<CappedBars />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders rounded stack bar chart correctly', () => {
+  const tree = renderer.create(<RoundStackBar />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders simple animated bar chart correctly', () => {
+  const tree = renderer.create(<SimpleBarAnimated />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders alternate blue and gray bar chart correctly', () => {
+  const tree = renderer.create(<SimpleBlueBars />).toJSON();
+  expect(tree).toMatchSnapshot();
+});

__tests__/BarChart.test.js

@@ -0,0 +1,33 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import AnimatedArea from '../examples/LineChart/AnimatedArea';
+import AreaTwo from '../examples/LineChart/AreaTwo';
+import LineChartTwo from '../examples/LineChart/LineChartTwo';
+import SimpleBlueLine from '../examples/LineChart/SimpleBlueLine';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders animated area chart correctly', () => {
+  const tree = renderer.create(<AnimatedArea />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders 2 area chart correctly', () => {
+  const tree = renderer.create(<AreaTwo />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders 2 line chart correctly', () => {
+  const tree = renderer.create(<LineChartTwo />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders blue line chart correctly', () => {
+  const tree = renderer.create(<SimpleBlueLine />).toJSON();
+  expect(tree).toMatchSnapshot();
+});

__tests__/LineChart.test.js

@@ -0,0 +1,33 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import ProgressPie from '../examples/PieChart/ProgressPie';
+import SimplePie from '../examples/PieChart/SimplePie';
+import SplitPie from '../examples/PieChart/SplitPie';
+import ThreeDPie from '../examples/PieChart/ThreeDPie';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders progress pie chart correctly', () => {
+  const tree = renderer.create(<ProgressPie />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders simple pie chart correctly', () => {
+  const tree = renderer.create(<SimplePie />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders split pie chart correctly', () => {
+  const tree = renderer.create(<SplitPie />).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders #D pie chart correctly', () => {
+  const tree = renderer.create(<ThreeDPie />).toJSON();
+  expect(tree).toMatchSnapshot();
+});