refactor: use storybook and atomic design (#16)

BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.

1 files changed, 24 insertions, 0 deletions

diff --git a/src/components/molecules/modals/tooltip.test.tsx b/src/components/molecules/modals/tooltip.test.tsx
new file mode 100644
index 0000000..24f20d8
--- /dev/null
+++ b/src/components/molecules/modals/tooltip.test.tsx
@@ -0,0 +1,24 @@
+import { render, screen } from '@test-utils';
+import Tooltip from './tooltip';
+
+const title = 'Illum eum at';
+const content =
+  'Non accusantium ad. Est et impedit iste animi voluptas cum accusamus accusantium. Repellat ut sint pariatur cumque cupiditate. Animi occaecati odio ut debitis ipsam similique. Repudiandae aut earum occaecati consequatur laborum ut nobis iusto. Adipisci laboriosam id.';
+const icon = '?';
+
+describe('Tooltip', () => {
+  it('renders a title', () => {
+    render(<Tooltip title={title} content={content} icon={icon} />);
+    expect(screen.getByText(title)).toBeInTheDocument();
+  });
+
+  it('renders an explanation', () => {
+    render(<Tooltip title={title} content={content} icon={icon} />);
+    expect(screen.getByText(content)).toBeInTheDocument();
+  });
+
+  it('renders an icon', () => {
+    render(<Tooltip title={title} content={content} icon={icon} />);
+    expect(screen.getByText(icon)).toBeInTheDocument();
+  });
+});