From be454f79818bfc6984f5876f5e5174e9adab66f4 Mon Sep 17 00:00:00 2001
From: gahyuun <pgh123166@naver.com>
Date: Tue, 27 Feb 2024 22:24:26 +0900
Subject: [PATCH] test: implement taken lecture list rendering test code

---
 app/__test__/ui/lecture/taken-lecture-list.test.tsx | 9 +++++++++
 app/ui/view/molecule/table/index.tsx                | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 app/__test__/ui/lecture/taken-lecture-list.test.tsx

diff --git a/app/__test__/ui/lecture/taken-lecture-list.test.tsx b/app/__test__/ui/lecture/taken-lecture-list.test.tsx
new file mode 100644
index 00000000..f8844783
--- /dev/null
+++ b/app/__test__/ui/lecture/taken-lecture-list.test.tsx
@@ -0,0 +1,9 @@
+import TakenLectureList from '@/app/ui/lecture/taken-lecture-list';
+import { render, screen } from '@testing-library/react';
+
+describe('Taken lecture list', () => {
+  it('기이수 과목 리스트를 보여준다.', async () => {
+    render(await TakenLectureList());
+    expect(await screen.findByTestId('table-data'));
+  });
+});
diff --git a/app/ui/view/molecule/table/index.tsx b/app/ui/view/molecule/table/index.tsx
index f1c0d185..7b2fdaab 100644
--- a/app/ui/view/molecule/table/index.tsx
+++ b/app/ui/view/molecule/table/index.tsx
@@ -35,7 +35,7 @@ export function Table({ data, headerInfo, renderActionButton }: TableProps) {
   };
 
   return (
-    <div className="flex flex-col gap-2.5 w-full">
+    <div className="flex flex-col gap-2.5 w-full" data-testid="table-data">
       <TableHeader headerInfo={headerInfo} cols={isCol(cols) ? cols : 6} />
       <List data={data} render={render} />
     </div>