feat(components): add a VisuallyHidden component

1 files changed, 13 insertions, 0 deletions

diff --git a/src/components/atoms/visually-hidden/visually-hidden.test.tsx b/src/components/atoms/visually-hidden/visually-hidden.test.tsx
new file mode 100644
index 0000000..c5eb647
--- /dev/null
+++ b/src/components/atoms/visually-hidden/visually-hidden.test.tsx
@@ -0,0 +1,13 @@
+import { describe, expect, it } from '@jest/globals';
+import { render, screen as rtlScreen } from '@testing-library/react';
+import { VisuallyHidden } from './visually-hidden';
+
+describe('VisuallyHidden', () => {
+  it('renders its body', () => {
+    const body = 'natus vero doloremque';
+
+    render(<VisuallyHidden>{body}</VisuallyHidden>);
+
+    expect(rtlScreen.getByText(body)).toBeInTheDocument();
+  });
+});