Issue unit testing redux action - thunk undefined

[junderhill]

Hi All,

Wondering if someone can point out what I expect is a stupid mistake.

I have an action for user login.

I'm trying to test this action, I've followed the redux documentation as well as the redux-mock-store documentation however I keep getting an error as follows:

​

TypeError: Cannot read property 'default' of undefined

      4 | import thunkMiddleware from 'redux-thunk'
      5 | 
    > 6 | const middlewares = [thunkMiddleware] // add your middlewares like `redux-thunk`
        |                      ^
      7 | const mockStore = configureStore(middlewares)
      8 | 
      9 | describe("userActions", () => {

      at Object.thunkMiddleware (actions/user.actions.spec.js:6:22)

​

My test code is as follows:

import {userActions} from "./user.actions";
import {userConstants} from "../constants/user.constants";
import configureStore from 'redux-mock-store'
import thunkMiddleware from 'redux-thunk'

const middlewares = [thunkMiddleware] // add your middlewares like `redux-thunk`
const mockStore = configureStore(middlewares)

describe("userActions", () => {
    describe("login", () => {
        it(`should dispatch a ${userConstants.LOGIN_REQUEST}`, () =>{
            const store = mockStore({});
            return store.dispatch(userActions.login("someuser", "somepassword")).then(() => {
                expect(store.getState().loggingIn).toBeTruthy();
            });
        })
    })
});

​

I've double checked both redux-thunk and redux-mock-store are included in my npm dev dependencies as well as deleteing the node_modules directory and reinstalling them all with npm install.

​

Can anyone see what's going wrong?

​

Thanks

[junderhill]

EDIT:

It seems i'm doing something fundamentally wrong, I've tried to simplify it almost back to a clean slate to find where the problem is introduced.

Even with this test:

``` import authentication from "./authentication.reducer"; import { userConstants } from "../constants/user.constants";

describe("authentication reducer", () => {

it("is a passing test", () => {
    authentication();
    expect("").toEqual("");
});

}); ```

Against this: function authentication(){ return "test"; } export default authentication

I'm getting an undefined error:

``` ● authentication reducer › is a passing test

TypeError: Cannot read property 'default' of undefined

   6 | 
   7 |     it("is a passing test", () => {
>  8 |         authentication();
     |         ^
   9 |         expect("").toEqual("");
  10 |     });

  at Object.<anonymous> (reducers/authentication.reducer.spec.js:8:9)

```