✅test : 학생-행동페이지 테스트코드 추가

✅test : 학생-행동페이지 테스트코드 추가

Author: yereong

package-lock.json

@@ -0,0 +1,32 @@
+// __tests__/pages/StudentBehavior.test.tsx
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import Behavior from "@/pages/student/behavior";
+
+// BehaviorContent mock (default export)
+jest.mock("@/components/behavior/StudentBehaviorContent", () => ({
+  __esModule: true,
+  default: () => <div data-testid="behavior-content">BehaviorContent</div>,
+}));
+
+// StudentHeader mock (named export)
+jest.mock("@/components/shared/StudentHeader", () => ({
+  __esModule: true,
+  StudentHeader: ({ children }: any) => <div data-testid="student-header">{children}</div>,
+}));
+
+describe("<Behavior />", () => {
+  it("BehaviorContent가 렌더링된다", () => {
+    render(<Behavior />);
+    expect(screen.getByTestId("behavior-content")).toBeInTheDocument();
+  });
+
+  it("getLayout 함수가 StudentHeader로 감싸서 반환한다", () => {
+    const Dummy = <div>dummy</div>;
+
+    const layout = Behavior.getLayout(Dummy);
+    const { getByTestId } = render(layout);
+    expect(getByTestId("student-header")).toBeInTheDocument();
+    expect(getByTestId("student-header")).toContainElement(screen.getByText("dummy"));
+  });
+});

src/__test__/student/StudentBehavior.test.tsx

@@ -0,0 +1,60 @@
+// __tests__/components/StudentBehaviorContent.test.tsx
+import React from "react";
+import { render, screen, waitFor } from "@testing-library/react";
+import BehaviorContent from "@/components/behavior/StudentBehaviorContent";
+import * as getBehaviorApi from "@/api/student/getBehavior";
+import useStudentFilterStore from "@/store/student-filter-store";
+import useSelectedDate from "@/store/selected-date-store";
+
+// store mock
+jest.mock("@/store/student-filter-store");
+jest.mock("@/store/selected-date-store");
+// API mock
+jest.mock("@/api/student/getBehavior");
+
+describe("<BehaviorContent />", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    // store mock 리턴값
+    (useStudentFilterStore as unknown as jest.Mock).mockReturnValue({
+      grade: "1",
+      classNumber: "2",
+      studentId: "3",
+    });
+    (useSelectedDate as unknown as jest.Mock).mockReturnValue({
+      year: "2025",
+    });
+  });
+
+  it("행동특성/종합의견이 API 데이터로 렌더링된다", async () => {
+    (getBehaviorApi.GetBehavior as jest.Mock).mockResolvedValueOnce({
+      behavior: "성실하게 생활함",
+      generalComment: "종합적으로 우수함",
+    });
+
+    render(<BehaviorContent />);
+    expect(screen.getByText("행동특성")).toBeInTheDocument();
+    expect(screen.getByText("종합의견")).toBeInTheDocument();
+
+    // 비동기 데이터가 textarea에 반영되는지 확인
+    await waitFor(() => {
+      expect(screen.getByDisplayValue("성실하게 생활함")).toBeInTheDocument();
+      expect(screen.getByDisplayValue("종합적으로 우수함")).toBeInTheDocument();
+    });
+  });
+
+  it("API 에러 시 콘솔에 에러가 찍혀도 렌더링은 된다", async () => {
+    const errorSpy = jest.spyOn(console, "error").mockImplementation(() => {});
+    (getBehaviorApi.GetBehavior as jest.Mock).mockRejectedValueOnce(new Error("API 실패"));
+
+    render(<BehaviorContent />);
+    expect(screen.getByText("행동특성")).toBeInTheDocument();
+    expect(screen.getByText("종합의견")).toBeInTheDocument();
+
+    await waitFor(() => {
+      expect(errorSpy).toHaveBeenCalled();
+    });
+
+    errorSpy.mockRestore();
+  });
+});