[feature: #162727517] fix test error

andela · Feb 27, 2019 · 0bdf722 · 0bdf722
1 parent c8d9bfd
commit 0bdf722
Show file tree

Hide file tree

Showing 2 changed files with 105 additions and 38 deletions.
diff --git a/src/app/article/__snapshots__/listArticle.test.js.snap b/src/app/article/__snapshots__/listArticle.test.js.snap
@@ -13,47 +13,106 @@ exports[`Connected ListArticleComponent Component Dispatches Success it should r
     }
   }
 >
-  <Connect(PureLifecycle(ListArticleComponent))
-    articleData={
-      Object {
-        "Arts": Array [
-          Object {
-            "title": "first article",
+  <MemoryRouter>
+    <Router
+      history={
+        Object {
+          "action": "POP",
+          "block": [Function],
+          "canGo": [Function],
+          "createHref": [Function],
+          "entries": Array [
+            Object {
+              "hash": "",
+              "key": "npr9cu",
+              "pathname": "/",
+              "search": "",
+              "state": undefined,
+            },
+          ],
+          "go": [Function],
+          "goBack": [Function],
+          "goForward": [Function],
+          "index": 0,
+          "length": 1,
+          "listen": [Function],
+          "location": Object {
+            "hash": "",
+            "key": "npr9cu",
+            "pathname": "/",
+            "search": "",
+            "state": undefined,
           },
-        ],
+          "push": [Function],
+          "replace": [Function],
+        }
       }
-    }
-  >
-    <PureLifecycle(ListArticleComponent)
-      appendArticleData={[Function]}
-      errorMessage=""
-      fetchArticle={[Function]}
-      fetchArticleState=""
-      setCategory={[Function]}
     >
-      <ListArticleComponent
-        appendArticleData={[Function]}
-        errorMessage=""
-        fetchArticle={[Function]}
-        fetchArticleState=""
-        setCategory={[Function]}
+      <Connect(PureLifecycle(ListArticleComponent))
+        articleData={
+          Object {
+            "Arts": Array [
+              Object {
+                "title": "first article",
+              },
+            ],
+          }
+        }
       >
-        <div
-          className="container"
-          id="liArticleContainer"
+        <PureLifecycle(ListArticleComponent)
+          appendArticleData={[Function]}
+          errorMessage=""
+          fetchArticle={[Function]}
+          fetchArticleState=""
+          setCategory={[Function]}
         >
-          <div
-            className="col s12 center-align"
+          <ListArticleComponent
+            appendArticleData={[Function]}
+            errorMessage=""
+            fetchArticle={[Function]}
+            fetchArticleState=""
+            setCategory={[Function]}
           >
-            <h3 />
-          </div>
-          <div
-            className="row"
-          />
-        </div>
-      </ListArticleComponent>
-    </PureLifecycle(ListArticleComponent)>
-  </Connect(PureLifecycle(ListArticleComponent))>
+            <div
+              className="container"
+              id="liArticleContainer"
+            >
+              <div
+                className="col s12 center-align"
+              >
+                <h3 />
+              </div>
+              <div
+                className="fixed-action-btn"
+              >
+                <Link
+                  className="btn-floating btn-large"
+                  replace={false}
+                  to="/create-article"
+                >
+                  <a
+                    className="btn-floating btn-large"
+                    href="/create-article"
+                    onClick={[Function]}
+                  >
+                    <i
+                      className="large material-icons"
+                      id="write"
+                    >
+                      mode_edit
+                    </i>
+                  </a>
+                </Link>
+              </div>
+              <div
+                className="row"
+              />
+            </div>
+          </ListArticleComponent>
+        </PureLifecycle(ListArticleComponent)>
+      </Connect(PureLifecycle(ListArticleComponent))>
+    </Router>
+  </MemoryRouter>
 </Provider>
 `;
 

diff --git a/src/app/article/listArticle.test.js b/src/app/article/listArticle.test.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import thunk from 'redux-thunk';
 import axios from 'axios';
+import { MemoryRouter } from 'react-router-dom';
 import configureStore from 'redux-mock-store';
 import { mount, shallow } from 'enzyme';
 import { Provider } from 'react-redux';
@@ -220,7 +221,9 @@ describe('Connected ListArticleComponent Component Dispatches Success', () => {
     };
     wrapper = mount(
       <Provider store={store}>
-        <ListArticleContainer articleData={articleData} />
+        <MemoryRouter>
+          <ListArticleContainer articleData={articleData} />
+        </MemoryRouter>
       </Provider>,
     );
   });
@@ -232,6 +235,7 @@ describe('Connected ListArticleComponent Component Dispatches Success', () => {
 
   it('it should dispatch fetchArticle action', () => {
     const storeActions = store.getActions();
+    console.log('------//-/-_-//', storeActions);
     const storeState = store.getState();
     expect(storeActions[3].fetchArticleState).toEqual('FETCH_ARTICLE_SUCCESS');
     expect(storeState.articleCategory).toEqual('Arts');
@@ -254,7 +258,9 @@ describe('Connected ListArticleComponent Dispatches fetchArticle Error', () => {
     axios.get.mockImplementation(() => Promise.reject(response));
     mount(
       <Provider store={store}>
-        <ListArticleContainer />
+        <MemoryRouter>
+          <ListArticleContainer articleData={initialState} />
+        </MemoryRouter>
       </Provider>,
     );
   });
@@ -283,7 +289,9 @@ describe('Loader Component', () => {
   it('it should render the EllipsisLoaderComponent if making request', () => {
     const component = mount(
       <Provider store={store}>
-        <ListArticleContainer />
+        <MemoryRouter>
+          <ListArticleContainer articleData={state} />
+        </MemoryRouter>
       </Provider>,
     );
     expect(component.contains(<EllipsisLoaderComponent />)).toEqual(true);