refactor(components): split Layout component in smaller components

The previous component was too long and hardly readable. So I splitted
it in different part and added tests.

1 files changed, 10 insertions, 1 deletions

diff --git a/src/components/templates/layout/layout.test.tsx b/src/components/templates/layout/layout.test.tsx
index d3abe1d..43b94f4 100644
--- a/src/components/templates/layout/layout.test.tsx
+++ b/src/components/templates/layout/layout.test.tsx
@@ -1,6 +1,6 @@
 import { describe, expect, it } from '@jest/globals';
 import { render, screen as rtlScreen } from '../../../../tests/utils';
-import { Layout } from './layout';
+import { Layout, getLayout } from './layout';
 
 const body =
   'Sit dolorem eveniet. Sit sit odio nemo vitae corrupti modi sint est rerum. Pariatur quidem maiores distinctio. Quia et illum aspernatur est cum.';
@@ -33,3 +33,12 @@ describe('Layout', () => {
     expect(rtlScreen.getByText(body)).toBeInTheDocument();
   });
 });
+
+describe('getLayout', () => {
+  it('wraps the given contents in a layout component', () => {
+    const PageContents = <div>{body}</div>;
+    const Page = getLayout(PageContents);
+
+    expect(Page.props).toStrictEqual({ children: PageContents });
+  });
+});