Unit test

react-context-api/src/App.js

@@ -44,7 +44,7 @@ class App extends React.Component {
 
   render() {
     return (
-      <div>
+      <div data-testid="app">
         <HeaderContainer />
         <Switch>
           <Route exact path="/" component={HomePage} />

react-context-api/src/App.test.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { shallow } from "enzyme";
+import { findByDataAttr, testStore } from "./utils/utils";
+import App from "./App";
+
+const setUp = (initialState = {}) => {
+  const store = testStore(initialState);
+  const wrapper = shallow(<App store={store}></App>)
+    .childAt(0)
+    .dive();
+  // console.log(wrapper.debug());
+  return wrapper;
+};
+
+describe("Render App Component Without Error", () => {
+  let wrapper;
+  beforeEach(() => {
+    const initialState = {
+      currentUser: {}
+    };
+    wrapper = setUp(initialState);
+  });
+  it("Should render without errors", () => {
+    const component = findByDataAttr(wrapper, "app");
+    expect(component.length).toBe(1);
+  });
+});

react-context-api/src/redux/root-reducer.js

@@ -1,19 +1,19 @@
-import { combineReducers } from 'redux';
-import { persistReducer } from 'redux-persist';
-import storage from 'redux-persist/lib/storage';
+import { combineReducers } from "redux";
+import { persistReducer } from "redux-persist";
+import storage from "redux-persist/lib/storage";
 
-import userReducer from './user/user.reducer';
-import cartReducer from './cart/cart.reducer';
-import directoryReducer from './directory/directory.reducer';
-import shopReducer from './shop/shop.reducer';
+import userReducer from "./user/user.reducer";
+import cartReducer from "./cart/cart.reducer";
+import directoryReducer from "./directory/directory.reducer";
+import shopReducer from "./shop/shop.reducer";
 
 const persistConfig = {
-  key: 'root',
+  key: "root",
   storage,
-  whitelist: ['cart']
+  whitelist: ["cart"]
 };
 
-const rootReducer = combineReducers({
+export const rootReducer = combineReducers({
   user: userReducer,
   cart: cartReducer,
   directory: directoryReducer,

react-context-api/src/redux/store.js

@@ -1,12 +1,12 @@
-import { createStore, applyMiddleware } from 'redux';
-import { persistStore } from 'redux-persist';
-import logger from 'redux-logger';
+import { createStore, applyMiddleware } from "redux";
+import { persistStore } from "redux-persist";
+import logger from "redux-logger";
 
-import rootReducer from './root-reducer';
+import rootReducer from "./root-reducer";
 
-const middlewares = [];
+export const middlewares = [];
 
-if (process.env.NODE_ENV === 'development') {
+if (process.env.NODE_ENV === "development") {
   middlewares.push(logger);
 }