WIP

jest-setup.tsx

@@ -31,4 +31,4 @@ jest.mock('recharts', () => {
             </OriginalModule.ResponsiveContainer>
         ),
     };
-});
+});

src/ComposedLineChart/ComposedLineChart.spec.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ComposedLineChart } from './index';
+import { identity } from 'uno-js';
+
+describe('ComposedLineChart', () => {
+    const data = [
+        { name: 'A', value: 10 },
+        { name: 'B', value: 20 },
+        { name: 'C', value: 30 },
+    ];
+
+    it('renders without crashing', () => {
+        render(<ComposedLineChart rawData={data} dataCallback={identity} lines={[{ dataKey: 'name', yAxisId: 'left' }]} />);
+    });
+});

src/DataChart/DataChart.spec.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { DataChart } from './index';
+import { identity } from 'uno-js';
+
+describe('DataChart', () => {
+  it('renders without crashing', () => {
+    render(<DataChart rawData={[]} dataCallback={identity} />);
+  });
+});

src/Table/Table.spec.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getAlignment, renderTableCell, Table, TableColumn } from './index';
+import { getAlignment, renderTableCell, Table, TableCellTypes, TableColumn } from './index';
 import { render } from '@testing-library/react';
 import { identity } from 'uno-js';
 
@@ -116,6 +116,14 @@ describe('Table', () => {
         render(<Table columns={tableColumns} rawData={tableData} dataCallback={identity} />);
     });
 
+    it('renders with shimmer', () => {
+        const data: undefined | TableCellTypes[][] = undefined;
+        const { container } = render(<Table columns={tableColumns} rawData={data} dataCallback={(x: undefined | TableCellTypes[][]) => []} />);
+
+        const shimmer = container.querySelector('.loading-shimmer');
+        expect(shimmer).toBeInTheDocument();
+    });
+
     it('renders the correct number of rows', () => {
         const { container } = render(<Table columns={tableColumns} rawData={tableData} dataCallback={identity} />);
         const rows = container.querySelectorAll('tbody .tremor-TableRow-row');