OK I got it. Here is how I fixed it! I ended up doing without any mocking libraries for axios! Create a mock for axios in src/__mocks__: // src/__mocks__/axios.ts const mockAxios = jest.genMockFromModule(‘axios’) // this is the key to fix the axios.create() undefined error! mockAxios.create = jest.fn(() => mockAxios) export default mockAxios Then in your … Read more
The key is using jests spyOn method on the object’s prototype. It should be like this: const spy = jest.spyOn(Component.prototype, ‘methodName’); const wrapper = mount(<Component {…props} />); wrapper.instance().methodName(); expect(spy).toHaveBeenCalled(); As found here e.g.: Test if function is called react and enzyme Please note it is also best practice to clear the spied function after each … Read more
I’ve started employing the import * as obj style within my tests, which imports all exports from a module as properties of an object which can then be mocked. I find this to be a lot cleaner than using something like rewire or proxyquire or any similar technique. I can’t speak for traceur which was … Read more
If none of the other solutions worked for you, you can try this in your jest “moduleNameMapper”: { “^lodash-es$”: “lodash” } It will replace lodash-es with the commonjs version during testing runtime.
moduleNameMapper is the setting that tells Jest how to interpret files with different extension. You need to tell it how to handle Less files. Create a file like this in your project (you can use a different name or path if you’d like): config/CSSStub.js module.exports = {}; This stub is the module we will tell … Read more
Jest suppresses the console log message by default. In order to show the console log message, set silent option to false at the command line set –silent=false in the command line: npm run test — –silent=false
As of Jest 26 this can be achieved using “modern” fake timers without needing to install any 3rd party modules: https://jestjs.io/blog/2020/05/05/jest-26#new-fake-timers jest .useFakeTimers() .setSystemTime(new Date(‘2020-01-01’)); If you want the fake timers to be active for all tests, you can set timers: ‘modern’ in your configuration: https://jestjs.io/docs/configuration#timers-string EDIT: As of Jest 27 modern fake timers is … Read more
I would recommend an entirely different way of approaching this. Rather than trying to mock Axios, which is a relatively complicated API that you don’t own, test at the network boundary using a tool like msw. This allows you to freely refactor the implementation without needing to change the tests, giving you more confidence it’s … Read more
Solution 1: jest.spyOn(Component.methods, ‘METHOD_NAME’) You could use jest.spyOn to mock the component method before mounting: import MyComponent from ‘@/components/MyComponent.vue’ describe(‘MyComponent’, () => { it(‘click does something’, async () => { const mockMethod = jest.spyOn(MyComponent.methods, ‘doSomething’) await shallowMount(MyComponent).find(‘button’).trigger(‘click’) expect(mockMethod).toHaveBeenCalled() }) }) Solution 2: Move methods into separate file that could be mocked The official recommendation is … Read more
That issue is caused by many updates inside Component. I got the same issue, this would solve the issue. await act( async () => mount(<App />));