No redux-actions posts store

Author: alexgorbatchev

src/store/interfaces.ts

@@ -5,7 +5,7 @@ export interface IAction {
 }
 
 export interface IPayloadAction<Payload> extends IAction {
-  payload: Payload;
+  payload?: Payload;
 }
 
 export interface IErrorAction extends IAction {
@@ -24,7 +24,3 @@ export interface INormalized<Entities, Result> {
   entities: Entities;
   result: Result;
 }
-
-export interface IReducerMap<TState, TAction> {
-  [action: string]: (state: TState, action: TAction) => TState;
-}

src/store/posts/actions-spec.ts

@@ -0,0 +1,17 @@
+import { expect } from 'chai';
+import { REQUEST_POSTS, RECEIVE_POSTS, requestPosts, receivePosts } from './';
+
+describe('posts / actions', () => {
+  it('requestPosts', () =>
+    expect(requestPosts()).to.eql({
+      type: REQUEST_POSTS
+    })
+  );
+
+  it('receivePosts', () =>
+    expect(receivePosts({ data: [] })).to.eql({
+      type: RECEIVE_POSTS,
+      payload: { data: [] }
+    })
+  );
+});

src/store/posts/actions.ts

@@ -1,8 +1,8 @@
 import { REQUEST_POSTS, RECEIVE_POSTS, IPostsJSON, IPostsAction } from './types';
-import { IAction, IThunk, IPayloadAction } from '../interfaces';
+import { IThunk } from '../interfaces';
 import fetch from 'isomorphic-fetch';
 
-export function requestPosts(): IAction {
+export function requestPosts(): IPostsAction {
   return { type: REQUEST_POSTS };
 }
 

src/store/posts/reducer-spec.ts

@@ -1,8 +1,56 @@
 import { expect } from 'chai';
-import { postsReducer, fetchPosts, receivePosts, requestPosts } from './';
+import { IPost, IAuthor, IPostsState, IPostsJSON, postsReducer, receivePosts, requestPosts } from './';
 
-describe.only('posts-reducer', () => {
-  // it('sets the initial state', () => expect(postsReducer(undefined, increaseCounter(1))).to.eql({ value: 1 }));
-  // it('handles INCREASE_COUNTER', () => expect(postsReducer({ value: 10 }, increaseCounter(1))).to.eql({ value: 11 }));
-  // it('handles DECREASE_COUNTER', () => expect(postsReducer({ value: 10 }, decreaseCounter(1))).to.eql({ value: 9 }));
+describe('posts / reducer', () => {
+  it('handles REQUEST_POSTS', () =>
+    expect(postsReducer(undefined, requestPosts())).to.eql({
+      entities: {
+        posts: {},
+        authors: {},
+      },
+      result: [],
+      isFetching: true,
+    })
+  );
+
+  it('handles RECEIVE_POSTS', () => {
+    const author: IAuthor = {
+      id: 'author1',
+      name: 'Alex',
+      email: 'alex@www.com',
+    };
+
+    const post: IPost = {
+      id: 'post1',
+      title: 'Post title...',
+      body: 'Post body...',
+      author: author.id,
+    };
+
+    const state: IPostsState = {
+      entities: {
+        posts: {},
+        authors: {},
+      },
+      result: [],
+      isFetching: true,
+    };
+
+    const json: IPostsJSON = {
+      data: [Object.assign({}, post, { author })],
+    };
+
+    expect(postsReducer(state, receivePosts(json))).to.eql({
+      isFetching: false,
+      entities: {
+        posts: {
+          [post.id]: post,
+        },
+        authors: {
+          [author.id]: author,
+        },
+      },
+      result: [post.id],
+    });
+  });
 });

src/store/posts/reducer.ts

@@ -1,33 +1,40 @@
 const { normalize, Schema, arrayOf } = require('normalizr');
-import { RECEIVE_POSTS, REQUEST_POSTS, IPostsState, IPostsAction }  from './types';
-import { IPayloadAction, IReducerMap } from '../interfaces';
+import { RECEIVE_POSTS, REQUEST_POSTS, IPost, IPostsState, IPostsAction }  from './types';
+import { INormalized } from '../interfaces';
 
 const initialState: IPostsState = {
   isFetching: false,
-  entities: [],
+  entities: {
+    posts: {},
+    authors: {},
+  },
   result: [],
 };
 
-const article = new Schema('articles');
-const user = new Schema('users');
-article.define({ author: user });
-
-const REDUCERS: IReducerMap<IPostsState, IPostsAction> = {
-  [RECEIVE_POSTS](state: IPostsState, action: IPostsAction): IPostsState {
-    const { entities, result } = normalize(action.payload.data, arrayOf(article));
-    return Object.assign({}, state, {
-      entities,
-      result,
-      isFetching: false
-    });
-  },
+const post = new Schema('posts');
+const author = new Schema('authors');
 
-  [REQUEST_POSTS](state: IPostsState, action: IPostsAction): IPostsState {
-    return Object.assign({}, state, { isFetching: true });
-  },
-};
+post.define({ author });
+
+function receivePosts(state: IPostsState, action: IPostsAction): IPostsState {
+  const { entities, result } = <INormalized<IPost[], number[]>>normalize(action.payload.data, arrayOf(post));
+
+  return Object.assign({}, state, {
+    entities,
+    result,
+    isFetching: false
+  });
+}
+
+function requestPosts(state: IPostsState, action: IPostsAction): IPostsState {
+  return Object.assign({}, state, { isFetching: true });
+}
 
 export function postsReducer(state: IPostsState = initialState, action: IPostsAction): IPostsState {
-  const reducer = REDUCERS[action.type];
-  return reducer ? reducer(state, action) : state;
+  switch (action.type) {
+    case RECEIVE_POSTS: return receivePosts(state, action);
+    case REQUEST_POSTS: return requestPosts(state, action);
+  }
+
+  return state;
 }

src/store/posts/types.ts

@@ -1,4 +1,4 @@
-import { IAction, IFetching, INormalized, IPayloadAction } from '../interfaces';
+import { IFetching, INormalized, IPayloadAction } from '../interfaces';
 
 export interface IAuthor {
   id: string;
@@ -13,11 +13,20 @@ export interface IPost {
   author: IAuthor | string;
 }
 
+export interface IPostsMap {
+  posts: {
+    [id: string]: IPost;
+  };
+  authors: {
+    [id: string]: IAuthor;
+  };
+}
+
 export interface IPostsJSON {
   data: IPost[];
 }
 
-export interface IPostsState extends IFetching, INormalized<IPost[], number[]> { }
+export interface IPostsState extends IFetching, INormalized<IPostsMap, string[]> { }
 
 export interface IPostsAction extends IPayloadAction<IPostsJSON> { }