[refactor] test code 작성 #402

__tests__/page.test.tsx

@@ -1,13 +1,52 @@
-import Page from '../src/app/page';
+import { OwnerButtonLayer } from '@/component/Personal';
+import { themeObj } from '@/types/theme';
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
 
-describe('Page', () => {
-  it('renders a heading', () => {
-    render(<Page />);
+describe('OwnerButtonLayer 컴포넌트 테스트', () => {
+  it('isEdit가 false일 때 편집, 공유하기, 글쓰기 버튼이 정상적으로 렌더링되는지 확인', () => {
+    render(
+      <OwnerButtonLayer
+        handleClickEdit={() => {}}
+        handleClickShare={() => {}}
+        handleClickWrite={() => {}}
+        theme={themeObj.chris}
+        isEdit={false}
+        handleClickDelete={() => {}}
+      />,
+    );
 
-    const heading = screen.getByRole('heading', { level: 1 });
+    // "편집" 버튼을 기준으로 컴포넌트가 렌더링되었는지 확인합니다.
+    const editButton = screen.getByRole('button', { name: '편집' });
+    expect(editButton).toBeInTheDocument();
 
-    expect(heading).toBeInTheDocument();
+    // "공유하기" 버튼이 렌더링되었는지 확인합니다.
+    const shareButton = screen.getByRole('button', { name: '공유하기' });
+    expect(shareButton).toBeInTheDocument();
+
+    // "글쓰기" 버튼이 렌더링되었는지 확인합니다.
+    const writeButton = screen.getByRole('button', { name: '글쓰기' });
+    expect(writeButton).toBeInTheDocument();
+  });
+
+  it('isEdit가 true일 때 "선택 삭제" 및 "취소" 버튼이 정상적으로 렌더링되는지 확인', () => {
+    render(
+      <OwnerButtonLayer
+        handleClickEdit={() => {}}
+        handleClickShare={() => {}}
+        handleClickWrite={() => {}}
+        theme={themeObj.chris}
+        isEdit={true}
+        handleClickDelete={() => {}}
+      />,
+    );
+
+    // "선택 삭제" 버튼을 기준으로 컴포넌트가 렌더링되었는지 확인합니다.
+    const deleteButton = screen.getByRole('button', { name: '선택 삭제' });
+    expect(deleteButton).toBeInTheDocument();
+
+    // "취소" 버튼이 렌더링되었는지 확인합니다.
+    const cancelButton = screen.getByRole('button', { name: '취소' });
+    expect(cancelButton).toBeInTheDocument();
   });
 });

package.json

@@ -43,6 +43,7 @@
     "prettier-plugin-tailwindcss": "^0.5.9",
     "tailwind-scrollbar": "^3.0.5",
     "tailwindcss": "^3.3.3",
+    "ts-node": "^10.9.2",
     "typescript": "^5"
   }
 }