WIP

package.json

@@ -46,6 +46,7 @@
         "typescript": "^5.2.2"
     },
     "jest": {
+        "testEnvironment": "jsdom",
         "coverageReporters": [
             "lcov",
             "text"

src/AwaitableMetric/AwaitableMetric.spec.tsx

@@ -1,7 +1,3 @@
-/**
- * @jest-environment jsdom
- */
-
 import React from 'react';
 import { render } from '@testing-library/react';
 import { AwaitableMetric } from './index';

src/NoData/NoData.spec.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { NoData } from './index';
+
+describe('NoData component', () => {
+    it('renders "No record found" when no children are provided', () => {
+        render(<NoData />);
+        expect(screen.getByText('No record found')).toBeInTheDocument();
+    });
+
+    it('renders children when provided', () => {
+        render(<NoData>Test Child</NoData>);
+        expect(screen.getByText('Test Child')).toBeInTheDocument();
+    });
+});

src/NoData/index.tsx

@@ -5,6 +5,6 @@ import { Bold, Flex } from '@tremor/react';
 export const NoData = ({ children }: PropsWithChildren) => (
     <Flex className='mt-5 p-4' justifyContent='center' alignItems='center' flexDirection='col'>
         <CloudDismiss48Regular primaryFill='#505050' />
-        {children || <Bold className='mt-3'>No record found</Bold>}
+        {children ?? <Bold className='mt-3'>No record found</Bold>}
     </Flex>
 );