thisyahlen/chore: add test coverage for empty state

packages/appstore/src/components/empty-state/__tests__/empty-state.spec.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import EmptyState from '../empty-state';
+import { render, screen } from '@testing-library/react';
+
+describe('EmptyState', () => {
+    it('should render correctly', () => {
+        const { container } = render(
+            <EmptyState
+                icon_name='icon_name'
+                renderMessage={() => (
+                    <>
+                        <p>Message</p>
+                        <p>Some content</p>
+                    </>
+                )}
+                renderTitle={() => <p>Title</p>}
+            />
+        );
+        expect(container).toBeInTheDocument();
+    });
+
+    it('should render correctly with the correct text', () => {
+        const { container } = render(
+            <EmptyState
+                icon_name='icon_name'
+                renderMessage={() => (
+                    <>
+                        <p>Message</p>
+                        <p>Some content</p>
+                    </>
+                )}
+                renderTitle={() => <p>Title</p>}
+            />
+        );
+
+        expect(container).toBeInTheDocument();
+        expect(screen.getByText('Message')).toBeInTheDocument();
+        expect(screen.getByText('Some content')).toBeInTheDocument();
+        expect(screen.getByText('Title')).toBeInTheDocument();
+    });
+});

packages/appstore/src/components/empty-state/empty-state.tsx

@@ -7,7 +7,7 @@ type TProps = {
     renderTitle: () => React.ReactNode;
 };
 
-const EmptyState: React.FC<TProps> = ({ icon_name, renderMessage, renderTitle }) => {
+const EmptyState = ({ icon_name, renderMessage, renderTitle }: TProps) => {
     return (
         <div className='dw-empty-state'>
             <Icon className='dw-empty-state__icon' icon={icon_name} size={128} />