m-lamonaca/dev-notes
1
0
Fork 0
mirror of https://github.com/m-lamonaca/dev-notes.git synced 2025-04-08 11:56:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix swapped examples for thunk and action tests

Browse source
This commit is contained in:
Marcello Lamonaca 2021-03-24 14:19:51 +01:00
parent 51d0a16f09
commit a2aec9fc3f
1 changed files with 35 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
JavaScript/React/Redux Tests.md
View file

@ -53,32 +53,13 @@ import * as actions from "path/to/actionCreators";
// import eventual action types constants
// import mock data
describe("Async Actions", () => {
afterEach(() => {
fetchMock.restore(); // init fecth mok for each test
});
it("test description", () => {
const data = /* mock data */
const expectedAction = { type: TYPE, /* ... */ };
it("test description", () => {
// mimic API call
fetchMock.mock(
"*", // capture any fetch call
{
body: /* body contents */,
headers: { "content-type": "application/json" }
}
);
const actualAction = actions.actionCreator(data);
const expectedActions = [
{ type: TYPE, /* ... */ },
{ type: TYPE, /* ... */ }
];
const store = mockStore({ data: value, ... });
return store.dispatch(actions.actionCreator())
.then(() => {
expect(store.getActions()).toEqual(expectedActions);
});
});
expect(actualAction).toEqual(expectedAction);
});
```
@ -130,22 +111,44 @@ Thunk testing requires the mocking of:
```js
import thunk from "redux-thunk";
import fetchMock from "getch-mock";
import fetchMock from "fetch-mock";
import configureMockStore from "redux-mock-store";
// needed for testing async thunks
const middleware = [thunk]; // mock middlewares
const mockStore = configureMockStore(middleware); // mock the store
import * as actions from "path/to/actionCreators";
// import eventual action types constants
// import mock data
const middleware = [thunk]; // mock middlewares
const mockStore = configureMockStore(middleware); // mock the store
describe("Async Actions", () => {
afterEach(() => {
fetchMock.restore(); // init fecth mock for each test
});
it("test description", () => {
const data = /* mock data */
const expectedAction = { type: TYPE, /* ... */ };
it("test description", () => {
// mimic API call
fetchMock.mock(
"*", // capture any fetch call
{
body: /* body contents */,
headers: { "content-type": "application/json" }
}
);
const actualAction = actions.actionCreator(data);
// expected action fired from the thunk
const expectedActions = [
{ type: TYPE, /* ... */ },
{ type: TYPE, /* ... */ }
];
expect(actualAction).toEqual(expectedAction);
const store = mockStore({ data: value, ... }); // init mock store
return store.dispatch(actions.actionCreator()) // act
.then(() => {
expect(store.getActions()).toEqual(expectedActions); // assert
});
});
});
```