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', () => { ), }; -}); \ 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(); + }); +}); \ 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(); + }); +}); \ 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(); }); + it('renders with shimmer', () => { + const data: undefined | TableCellTypes[][] = undefined; + const { container } = render(
[]} />); + + const shimmer = container.querySelector('.loading-shimmer'); + expect(shimmer).toBeInTheDocument(); + }); + it('renders the correct number of rows', () => { const { container } = render(
); const rows = container.querySelectorAll('tbody .tremor-TableRow-row');