From 1e17e88aec1762fb7198128b4cf201ec631d1e52 Mon Sep 17 00:00:00 2001
From: Geovanni Perez <1775792+geoperez@users.noreply.github.com>
Date: Thu, 9 Nov 2023 10:11:00 -0600
Subject: [PATCH] WIP

---
 jest-setup.tsx                                   |  2 +-
 src/ComposedLineChart/ComposedLineChart.spec.tsx | 16 ++++++++++++++++
 src/DataChart/DataChart.spec.tsx                 | 10 ++++++++++
 src/Table/Table.spec.tsx                         | 10 +++++++++-
 4 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 src/ComposedLineChart/ComposedLineChart.spec.tsx
 create mode 100644 src/DataChart/DataChart.spec.tsx

diff --git a/jest-setup.tsx b/jest-setup.tsx
index f4fc288..9f3d221 100644
--- a/jest-setup.tsx
+++ b/jest-setup.tsx
@@ -31,4 +31,4 @@ jest.mock('recharts', () => {
             </OriginalModule.ResponsiveContainer>
         ),
     };
-});
\ No newline at end of file
+});
diff --git a/src/ComposedLineChart/ComposedLineChart.spec.tsx b/src/ComposedLineChart/ComposedLineChart.spec.tsx
new file mode 100644
index 0000000..a6a62ba
--- /dev/null
+++ b/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' }]} />);
+    });
+});
\ No newline at end of file
diff --git a/src/DataChart/DataChart.spec.tsx b/src/DataChart/DataChart.spec.tsx
new file mode 100644
index 0000000..2f1c362
--- /dev/null
+++ b/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} />);
+  });
+});
\ No newline at end of file
diff --git a/src/Table/Table.spec.tsx b/src/Table/Table.spec.tsx
index 8373d7b..a8d3769 100644
--- a/src/Table/Table.spec.tsx
+++ b/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');