[Vue] axios 요청 함수를 호출하는 컴포넌트 테스트

해결 방법

/**
 * @jest-environment jsdom
 */
import { shallowMount } from "@vue/test-utils";
import ClassDetailModal from "./ClassDetailModal.vue";
jest.mock("@/src/axios/api/class"); 👈 api 요청 함수 파일 자체를 목킹함.

test('', async () => {
  데이터 변경
  await wrapper.vm.$nextTick(); 👈 비동기
  변경된 데이터가 반영된 UI 확인
})

 

 

참고

https://www.daleseo.com/jest-mock-modules/