🐛fix: 에러핸들링 추가

🐛fix: 에러핸들링 추가

Author: yereong

src/__test__/api/postEval.test.ts

@@ -47,22 +47,28 @@ describe("PostEval", () => {
         withCredentials: true
       })
     );
-    expect(result).toEqual(mockResponseData);
+    expect(result.data).toEqual(mockResponseData);
   });
 
   it("에러 응답이 오면 throw 한다 (response 있음)", async () => {
-    const error = {
-      response: {
-        status: 400,
-        data: { message: "Bad Request" }
+  const error = {
+    response: {
+      status: 400,
+      data: {
+        code: "EvaluationMethod-003",
+        fieldErrors: [],
+        message: "해당 과목의 반영 비율 총합이 100을 초과합니다",
+        status: 400
       }
-    };
-    mockedAxios.post.mockRejectedValueOnce(error);
+    }
+  };
+  mockedAxios.post.mockRejectedValueOnce(error);
+
+  await expect(
+    PostEval(subject, year, semester, grade, examType, title, weight, fullScore)
+  ).rejects.toEqual(error);
+});
 
-    await expect(
-      PostEval(subject, year, semester, grade, examType, title, weight, fullScore)
-    ).rejects.toEqual(error);
-  });
 
   it("네트워크 에러 등 response가 없으면 throw 한다", async () => {
     const error = {

src/__test__/grade/GradesPage.test.tsx

@@ -136,20 +136,44 @@ describe("<GradesPage /> 실제 EvalAddModal/EvalAddForm 테스트", () => {
   });
 
 
-  it("handleAddEval에서 PostEval 실패 시 alert가 호출된다", async () => {
-    (PostEval as jest.Mock).mockRejectedValueOnce(new Error("fail"));
-    window.alert = jest.fn();
+ it("handleAddEval에서 PostEval 실패 시 서버 메시지 alert가 호출된다", async () => {
+  // 서버에서 내려주는 에러 객체 구조에 맞게 mock
+  (PostEval as jest.Mock).mockRejectedValueOnce({
+    response: {
+      data: {
+        message: "해당 과목의 반영 비율 총합이 100을 초과합니다",
+      },
+    },
+  });
+  window.alert = jest.fn();
 
-    render(<GradesPage />);
-    fireEvent.click(screen.getByText("+ 평가방식"));
-    const titleInput = await screen.findByPlaceholderText("(예: 중간고사)");
-    fireEvent.change(titleInput, { target: { value: "기말고사" } });
-    fireEvent.click(screen.getByText("추가"));
-    await waitFor(() => {
-      expect(PostEval).toHaveBeenCalled();
-      expect(window.alert).toHaveBeenCalledWith("평가방식 추가에 실패했습니다.");
-    });
+  render(<GradesPage />);
+  fireEvent.click(screen.getByText("+ 평가방식"));
+  const titleInput = await screen.findByPlaceholderText("(예: 중간고사)");
+  fireEvent.change(titleInput, { target: { value: "기말고사" } });
+  fireEvent.click(screen.getByText("추가"));
+  await waitFor(() => {
+    expect(PostEval).toHaveBeenCalled();
+    expect(window.alert).toHaveBeenCalledWith("해당 과목의 반영 비율 총합이 100을 초과합니다");
   });
+});
+
+
+it("handleAddEval에서 PostEval 실패 시 일반 에러 메시지 alert가 호출된다", async () => {
+  (PostEval as jest.Mock).mockRejectedValueOnce(new Error("fail"));
+  window.alert = jest.fn();
+
+  render(<GradesPage />);
+  fireEvent.click(screen.getByText("+ 평가방식"));
+  const titleInput = await screen.findByPlaceholderText("(예: 중간고사)");
+  fireEvent.change(titleInput, { target: { value: "기말고사" } });
+  fireEvent.click(screen.getByText("추가"));
+  await waitFor(() => {
+    expect(PostEval).toHaveBeenCalled();
+    expect(window.alert).toHaveBeenCalledWith("fail");
+  });
+});
+
 
   it("handleAddEval에서 정상적으로 평가방식이 추가되고 상태가 초기화된다", async () => {
     (PostEval as jest.Mock).mockResolvedValueOnce({});

src/api/postEval.tsx

@@ -35,8 +35,8 @@ export const PostEval = async (
           }
     );
 
-    console.log(response.data);
-    return response.data;
+    console.log(response);
+    return response;
   } catch (error: any) {
     if (error.response) {
       const { status, data } = error.response;

src/pages/grade/index.tsx

@@ -130,8 +130,15 @@ export default function GradesPage() {
       ]);
       setShowEvalInput(false);
       setEvalInput({ title: "", examType: "WRITTEN", weight: 20, fullScore: 100 });
-    } catch {
-      alert("평가방식 추가에 실패했습니다.");
+    } catch(error:any){
+      console.error(error)
+      if (error.response && error.response.data && error.response.data.message) {
+    alert(error.response.data.message);
+  } else if (error.message) {
+    alert(error.message);
+  } else {
+    alert("알 수 없는 에러가 발생했습니다.");
+  }
     }
   };