vue apollo를 테스트하기 위해 모의 서비스 워커를 사용하는 방법은 무엇입니까?

Question

구성 기능을 테스트하기 위해 모의 서비스 워커를 설정했지만 오류가 발생했습니다. 기본 ID가 있는 Apollo 클라이언트를 찾을 수 없습니다. 구성요소 설정 외부에 있는 경우 ProvideApolloClient()를 사용하십시오. ProvideApolloClient를 사용해야 한다고 생각했지만 검색에 붙여넣으면 아무 것도 나오지 않습니다. 문서에는 구성 요소 및 모의 모드에서 데이터를 주입하는 방법이 나와 있습니다(해당 부분을 가져오지 않음). 하지만 구성 요소를 테스트하는 것이 아닙니다. 사용자 정의 구성 함수(후크)를 테스트하고 useQuery와 작동하는지 확인하려고 합니다.

P粉821274260 · Answer

귀하가 받고 있는 오류 메시지는 Apollo가 컨텍스트에서 Apollo 클라이언트를 찾을 수 없기 때문에 완전히 렌더링할 수 없음을 나타내는 것 같습니다. 호출하는 코드에 ApolloProvider 且以 client 作为其父级，则可能会发生这种情况。即使您正在测试钩子，您仍然必须渲染包裹在 Apollo 的 Provider 中的钩子，并根据 Apollo 的文档提供 client 인스턴스가 없는 경우. React 후크 테스트 라이브러리가 이를 어떻게 제안하는지 확인하세요.

이것은 @testing-library 的示例/react-hooks:

을 사용하는 것이 좋습니다. 으아아아

이것이 Vue로 직접 변환되지는 않을 것이라는 것을 알고 있지만 Vue에서 후크를 테스트하는 다른 방법이 있다고 확신합니다. 이것이 당신에게 올바른 방향으로 영감을 주기를 바랍니다.