[指南] Vue 結合 Jest + TypeScript 導入單元測試

章節連結

Vue 2.X 版本若要結合 TypeScript 的模式導入單元測試，還須了解的一個環節是如何模擬對外呼叫的 API。這邊是筆記下如何用 axios-mock-adapter 來模擬 Axios ，並測試其回傳值是否 OK。

程式碼解說

公用區塊，可以按照需求引入

import axios from 'axios' 
import MockAdapter from 'axios-mock-adapter' 
const mockAxios = new MockAdapter(axios) 
export { axios, mockAxios }

import axios from 'axios'

import MockAdapter from 'axios-mock-adapter'

const mockAxios = new MockAdapter(axios)

export { axios, mockAxios }

原碼 Github：Demo

必要時，請執行 npx jest –clearCache 來清除結果

按讚加入粉絲團