Visually Hidden component fixes (#666)

Author: GoldGroove06

src/components/ui/VisuallyHidden/VisuallyHidden.tsx

@@ -9,6 +9,7 @@ export type VisuallyHiddenProps = {
     children: React.ReactNode;
     customRootClass?: string;
     className?: string;
+    asChild?: boolean;
     props: Record<string, any>[];
 }
 

src/components/ui/VisuallyHidden/tests/VisuallyHidden.test.js

@@ -16,11 +16,12 @@ describe('VisuallyHidden Component', () => {
 
     test('renders VisuallyHidden component without asChild prop', () => {
         render(<VisuallyHidden >Visually Hidden</VisuallyHidden>);
-        expect(screen.getByText('Visually Hidden')).tagName === 'DIV';
+        expect(screen.getByText('Visually Hidden').tagName).toBe('DIV');
     });
 
     test('renders VisuallyHidden component with asChild prop as span', () => {
         render(<VisuallyHidden asChild><span>Visually Hidden</span></VisuallyHidden>);
-        expect(screen.getByText('Visually Hidden')).tagName === 'SPAN';
+        expect(screen.getByText('Visually Hidden').tagName).toBe('SPAN');
+
     });
 })