react test에 대해

Question

안녕하세요현재 react에 단위테스트를 작성중입니다. (통합 테스트만 필요하다고해서 테스트하고 납품도 거의 끝났는데 갑자기 단위테스트도 혹시 에비던스 줄수있어요?라고...)쭉 같은 대형고객사를 대응하고있었는데 지금까지 프론트엔드 쪽 단위테스를 필요없다 움직이면 된다는 마인드라...저도 안일했죠...그래서 지금 부랴부랴 공부중인데 지금 도저히 검색해봐도 안나오는것들 좀 몇개 이론적으로 원래 가능한건지 안되는건지 어떻게 하는건지 알고 싶습니다.fetch 코드 일부 올립니다. try { const response = await fetch("url입니다", { method: "GET", headers: { "Content-type": "application/json", }, }); const data = await response.json(); if (response.ok) { setFireAdvisory(data.fireAdvisory); ------ uncover 시작 setFireWarning(data.fireWarning); ------ uncover 끝 return; } else if (response.status === 500) { ------uncover 시작 const fetchfailed = { result: "データ取得失敗。", error: "データ取得失敗", }; setErrMessage(fetchfailed); setIsError(true); return; } } catch (error) { const fetchfailed = { result: "システムエラーシステム管理者にご相談ください。", error: error, }; setErrMessage(fetchfailed); setIsError(true); ------ uncover 끝 }일단 코드의 에러처리가 영 개판인건 맞지만 그건 넘어가주셨으면 해요누군 저렇게 쓰고 누군 then쓰는데 혼자 들이박아서 쓰는지라 뭐가 좋고 뭐가 옳은지 아무도 안알려줘서 일단 움직이는걸 목적으로 하였습니다. ㅠㅠjest의 커버릿지를 보면언커버릿지 라인 표시에 setFireAdvisory(data.fireAdvisory);setFireWarning(data.fireWarning); 얘들은 화면에 아래와 같이 반영됩니다. 저것들 어떻게 테스트하는지 해결 못해서 일단 에러쪽이라도 해결 해보자해서 이렇게 했는데 안되네요....test("should show error modal when server returns error", async () => { global.fetch = jest.fn().mockRejectedValue({ status: 500, message: "Internal Server Error", }); render(); // 데이터 갱신 트리거 fireEvent.click(screen.getByText(/버튼/i)); const errorMessage = await screen.findByText(/システムエラー/i); expect(errorMessage).toBeInTheDocument(); });isError이 true가 되면 ErrorModal이 렌더링 되는 방식인데 이런건 대체 뭐 어떻게 테스트 해야되는건지 감도 안옵니다. {isError && }

react test에 대해

0개의 답변

#component 목록