From 655ed38c6cd53a19c6ba1ebab5f2429441b99a58 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Tue, 5 Apr 2022 23:10:44 +0200
Subject: chore: add a List component

---
 src/components/atoms/lists/list.test.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/atoms/lists/list.test.tsx

(limited to 'src/components/atoms/lists/list.test.tsx')

diff --git a/src/components/atoms/lists/list.test.tsx b/src/components/atoms/lists/list.test.tsx
new file mode 100644
index 0000000..fcf8813
--- /dev/null
+++ b/src/components/atoms/lists/list.test.tsx
@@ -0,0 +1,26 @@
+import { render, screen } from '@test-utils';
+import List, { type ListItem } from './list';
+
+const items: ListItem[] = [
+  { id: 'item-1', value: 'Item 1' },
+  { id: 'item-2', value: 'Item 2' },
+  {
+    child: [
+      { id: 'nested-item-1', value: 'Nested item 1' },
+      { id: 'nested-item-2', value: 'Nested item 2' },
+    ],
+    id: 'item-3',
+    value: 'Item 3',
+  },
+  { id: 'item-4', value: 'Item 4' },
+];
+
+describe('List', () => {
+  it('renders a nested unordered list', () => {
+    render(<List items={items} />);
+    const listItems = screen.getAllByRole('list');
+    listItems.forEach((listItem) =>
+      expect(listItem).toHaveClass('list--unordered')
+    );
+  });
+});
-- 
cgit v1.2.3