diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 07e53d9..ace5a95 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -4,7 +4,7 @@ import style from './Footer.module.css'
 
 function Footer () {
   return (
-    <footer className={style.footer}>
+    <footer className={style.footer} data-testid='footer'>
       <nav>
         <ul>
           <li>
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index 106b40e..68703f4 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -5,7 +5,7 @@ import styles from './Header.module.css'
 
 function Header () {
   return (
-    <header className={styles.header}>
+    <header className={styles.header} data-testid='header'>
       <nav>
         <Link href='/'>Home</Link>
         <Link href='/writing'>Writing</Link>
diff --git a/src/layouts/DefaultLayout/DefaultLayout.test.jsx b/src/layouts/DefaultLayout/DefaultLayout.test.jsx
new file mode 100644
index 0000000..0df7b27
--- /dev/null
+++ b/src/layouts/DefaultLayout/DefaultLayout.test.jsx
@@ -0,0 +1,29 @@
+/* eslint-env jest */
+import { render, screen } from '@testing-library/react'
+import DefaultLayout from './DefaultLayout'
+import '@testing-library/jest-dom'
+
+describe('DefaultLayout', () => {
+  const props = {
+    children: <div>Test Content</div>
+  }
+
+  it('renders without crashing', () => {
+    render(<DefaultLayout {...props} />)
+  })
+
+  it('renders Header', () => {
+    render(<DefaultLayout {...props} />)
+    expect(screen.getByTestId('header')).toBeInTheDocument()
+  })
+
+  it('renders Footer', () => {
+    render(<DefaultLayout {...props} />)
+    expect(screen.getByTestId('footer')).toBeInTheDocument()
+  })
+
+  it('renders children correctly', () => {
+    render(<DefaultLayout {...props} />)
+    expect(screen.getByText('Test Content')).toBeInTheDocument()
+  })
+})