I'm new to JEST and I'm currently testing a Javascript component that makes an API call in its onComponentDidMount. Depending on the return data of the ajax call (api call) my component either display a table or a simple text.
My JEST test are fairly simple, for now I'm only testing to match the current snapshots. So since my api call can return different data, my snapshot can be of two different aspects : 1) one with a table 2) one with a simple text.
I successfully mocked the service like that
jest.mock("/myService", () => ({
index: (data, callback) => {
const return = [
{
{...}
},
]
callback(return)
},
}))
My component does the myService.index() call correctly, all I wish to pass to it different values which its gonna use to make the callback.
Here's how the it looks like
it("has proper snapshot", () => {
const props = {...}
const component = shallow(<MyComponent {...props} />)
expect(component).toMatchSnapshot()
})
This works great for the first exemple but I cannot seem to find a correct answer that suits me. Can you help me ? :)
1- If you want the mock to return different results on each call:
myMock
.mockReturnValueOnce(10)
.mockReturnValueOnce('x')
.mockReturnValue(true);
will return 10 on the first call, 'x' on the second call and true anytime after that.
2- If you want to check the arguments that the mock has been called with:
expect(mock).toHaveBeenNthCalledWith(1, '1st call args');
expect(mock).toHaveBeenNthCalledWith(2, '2nd call arg 1', '2nd call arg 2');
will assert that
the mock was called with '1st call args' the first time it was called -> mock('1st call args')
the mock was called with '2nd call arg 1' and '2nd call arg 2' the second time it was called -> mock('2nd call arg 1', '2nd call arg 2')
3- If you want a specific response based on the function parameter
It is not supported by jest by default but you can have a look at jest-when which allows you to do something like:
when(fn).calledWith(1).mockReturnValue('yay!')