test(Charts): render all charts and migrate to react testing library

Author: MarcusNotheis

packages/charts/src/components/BarChart/BarChart.test.tsx

@@ -1,45 +1,43 @@
-import { mount } from 'enzyme';
+import { render } from '@shared/tests';
 import * as React from 'react';
 import { complexDataSet } from '../../resources/DemoProps';
 import { BarChart } from './BarChart';
 
 describe('BarRechart', () => {
   test('Renders with data', () => {
-    expect(
-      mount(
-        <BarChart
-          dataset={complexDataSet}
-          style={{ width: '50%' }}
-          dimensions={[
-            {
-              accessor: 'name',
-              interval: 0
-            }
-          ]}
-          measures={[
-            {
-              accessor: 'users',
-              label: 'Users',
-              formatter: (val) => val.toLocaleString()
-            },
-            {
-              accessor: 'sessions',
-              label: 'Active Sessions',
-              formatter: (val) => `${val} sessions`,
-              hideDataLabel: true
-            },
-            {
-              accessor: 'volume',
-              label: 'Vol.'
-            }
-          ]}
-        />
-      ).render()
-    ).toMatchSnapshot();
+    const utils = render(
+      <BarChart
+        dataset={complexDataSet}
+        dimensions={[
+          {
+            accessor: 'name',
+            interval: 0
+          }
+        ]}
+        measures={[
+          {
+            accessor: 'users',
+            label: 'Users',
+            formatter: (val) => val.toLocaleString()
+          },
+          {
+            accessor: 'sessions',
+            label: 'Active Sessions',
+            formatter: (val) => `${val} sessions`,
+            hideDataLabel: true
+          },
+          {
+            accessor: 'volume',
+            label: 'Vol.'
+          }
+        ]}
+      />
+    );
+    expect(utils.asFragment()).toMatchSnapshot();
   });
 
   test('loading placeholder', () => {
-    const wrapper = mount(<BarChart style={{ width: '30%' }} dimensions={[]} measures={[]} />);
-    expect(wrapper.render()).toMatchSnapshot();
+    const wrapper = render(<BarChart dimensions={[]} measures={[]} />);
+    expect(wrapper.asFragment()).toMatchSnapshot();
   });
 });