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.

4 files changed, 2 insertions, 53 deletions

diff --git a/__tests__/jest/components/Branding.test.tsx b/__tests__/jest/components/Branding.test.tsx
deleted file mode 100644
index ae759a3..0000000
--- a/__tests__/jest/components/Branding.test.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import Branding from '@components/Branding/Branding';
-import { render, screen } from '@test-utils';
-import '../__mocks__/matchMedia.mock';
-
-describe('Branding', () => {
-  it('renders the title wrapped with an h1 element on homepage', () => {
-    render(<Branding isHome={true} />);
-    expect(
-      screen.getByRole('heading', { level: 1, name: 'Armand Philippot' })
-    ).toBeInTheDocument();
-  });
-
-  it('renders the title wrapped without an h1 element on other pages', () => {
-    render(<Branding isHome={false} />);
-    expect(
-      screen.queryByRole('heading', { level: 1, name: 'Armand Philippot' })
-    ).not.toBeInTheDocument();
-  });
-
-  it('renders the baseline', () => {
-    render(<Branding isHome={false} />);
-    // Currently, only French translation is returned.
-    expect(screen.getByText('Intégrateur web')).toBeInTheDocument();
-  });
-});
diff --git a/__tests__/jest/components/Copyright.test.tsx b/__tests__/jest/components/Copyright.test.tsx
deleted file mode 100644
index 5f6f287..0000000
--- a/__tests__/jest/components/Copyright.test.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import Copyright from '@components/Copyright/Copyright';
-import { render, screen } from '@test-utils';
-import '../__mocks__/matchMedia.mock';
-
-describe('Copyright', () => {
-  it('renders the Copyright component', () => {
-    render(<Copyright />);
-  });
-
-  it('displays author name', () => {
-    render(<Copyright />);
-    expect(screen.getByText('Armand Philippot')).toBeInTheDocument();
-  });
-});
diff --git a/__tests__/jest/components/Header.test.tsx b/__tests__/jest/components/Header.test.tsx
deleted file mode 100644
index de85e95..0000000
--- a/__tests__/jest/components/Header.test.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import Header from '@components/Header/Header';
-import { render } from '@test-utils';
-import '../__mocks__/matchMedia.mock';
-
-// Toolbar uses forwardRef. Without mocking an error occurred.
-jest.mock('@components/Toolbar/Toolbar', () => 'div');
-
-describe('Header', () => {
-  it('renders the Header component', () => {
-    const { container } = render(<Header isHome={false} />);
-    expect(container).toBeTruthy();
-  });
-});
diff --git a/__tests__/utils/test-utils.tsx b/__tests__/utils/test-utils.tsx
index 00123c3..1bcea8e 100644
--- a/__tests__/utils/test-utils.tsx
+++ b/__tests__/utils/test-utils.tsx
@@ -1,9 +1,10 @@
 import { render, RenderOptions } from '@testing-library/react';
 import { ThemeProvider } from 'next-themes';
-import { FC, ReactElement } from 'react';
+import { FC, ReactElement, ReactNode } from 'react';
 import { IntlProvider } from 'react-intl';
 
 type ProvidersConfig = {
+  children: ReactNode;
   locale?: 'en' | 'fr';
 };