1 files changed, 19 insertions, 0 deletions
diff --git a/src/components/section.test.tsx b/src/components/section.test.tsx
new file mode 100644
index 0000000..18002ae
--- /dev/null
+++ b/src/components/section.test.tsx
@@ -0,0 +1,19 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, test } from 'vitest';
+import { Section } from './section';
+
+describe('Section', () => {
+  test('renders children and forwards section attributes', () => {
+    render(
+      <Section data-testid='section' sectionClassName='py-20' className='px-4'>
+        <div>Body</div>
+      </Section>,
+    );
+
+    const section = screen.getByTestId('section');
+    expect(section.tagName).toBe('SECTION');
+    expect(section.className).toContain('py-20');
+    expect(screen.getByText('Body')).toBeInTheDocument();
+  });
+});
+