Как имитировать составные функции vue с помощью jest
Я использую vue2 с композицией Api, vuex и apollo client для запроса API-интерфейса graphql, и у меня возникают проблемы при имитации составных функций с помощью jest
// store-service.ts
export function apolloQueryService(): {
// do some graphql stuff
return { result, loading, error };
}
// store-module.ts
import { apolloQueryService } from 'store-service'
export StoreModule {
state: ()=> ({
result: {}
}),
actions: {
fetchData({commit}) {
const { result, loading, error } = apolloQueryService()
commit('setState', result);
}
},
mutations: {
setState(state, result): {
state.result = result
}
}
}
Тест:
// store-module.spec.ts
import { StoreModule } from store-module.ts
const store = StoreModule
describe('store-module.ts', () => {
beforeEach(() => {
jest.mock('store-service', () => ({
apolloQueryService: jest.fn().mockReturnValue({
result: { value: 'foo' }, loading: false, error: {}
})
}))
})
test('action', async ()=> {
const commit = jest.fn();
await store.actions.fetchData({ commit });
expect(commit).toHaveBeenCalledWith('setData', { value: 'foo' });
})
}
Тест не проходит, потому что фиксация вызывается с ('setData', {value: undefined}), что является результатом исходной apolloQueryService. Мой макет не работает. Я делаю что-то неправильно? Ценю любую помощь, спасибо!