Testing Redux arrow function Action Creators

Question

I have an arrow function in my React-Redux application that dispatches just an action without a payload, which will wipe (Reset) a part of my Redux store. There's no HTTP (or Promises) involved.

export const resetSearch = () => dispatch => {
  dispatch({
    type: RESET_SEARCH
  });
};

I want to test that it returns the correct Action type:

import * as actions from '../actions/actionCreators';
import * as types from '../actions/actionTypes';

describe('actions', () => {
  it('should create an action to reset part of the store', () => {
    const expectedAction = {
      type: types.RESET_SEARCH
    };
    expect(actions.resetSearch()).toEqual(expectedAction);
  });
});

The test is not passing because I need to return an Object but, instead, I send this anonimous arrow function. Here is the Jest output

Expected value to equal: {"type": "RESET_SEARCH"}

Received: [Function anonymous]

How should the test be? All help will be apreaciated!

Thanks

Call the returned function with an implementation of dispatch that returns the dispatch's parameter? I mean, you're not returning an object, you're returning a function. I'm not sure why, but that's why it doesn't work. — Dave Newton
– Dave Newton, Commented Jun 10, 2018 at 18:17

Hriday Modi · Accepted Answer · 2018-06-10 19:40:04Z

3

Can you plese try below code snippet, It should do:

const expectedAction = {
  type: types.RESET_SEARCH
};

let retnFunc = actions.resetSearch();
retnFunc((receivedAction)=>{
    expect(receivedAction).toEqual(expectedAction);  
});

Here resetSearch returns a function which gets called with the action object so just imitated the same.

Let me know if you need any more help!

answered Jun 10, 2018 at 19:40

Hriday Modi

2,08916 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Testing Redux arrow function Action Creators

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related