new tests for connected component app.js

Author: Ashley Bibizadeh

package.json

@@ -6,9 +6,9 @@
     "axios": "^0.18.0",
     "node-sass": "^4.11.0",
     "prop-types": "^15.6.2",
-    "react": "^16.7.0",
+    "react": "^16.8.6",
     "react-dom": "^16.7.0",
-    "react-redux": "^6.0.0",
+    "react-redux": "^7.0.0-beta.0",
     "react-scripts": "2.1.3",
     "redux": "^4.0.1",
     "redux-thunk": "^2.3.0"

src/App.js

@@ -38,7 +38,7 @@ class App extends Component {
     }
 
     return (
-      <div className="App">
+      <div className="App" data-test="appComponent">
         <Header />
         <section className="main">
           <Headline header="Posts" desc="Click the button to render posts!" tempArr={tempArr} />

src/App.test.js

@@ -0,0 +1,37 @@
+import App from './App';
+import { shallow } from 'enzyme';
+import { findByTestAtrr, testStore } from './../Utils';
+import React from 'react';
+
+const setUp = (initialState={}) => {
+    const store = testStore(initialState);
+    const wrapper = shallow(<App store={store} />).childAt(0).dive();
+    return wrapper;
+};
+
+describe('App Component', () => {
+
+    let wrapper;
+    beforeEach(() => {
+        const initialState = {
+            posts: [{
+                title: 'Example title 1',
+                body: 'Some text'
+            }, {
+                title: 'Example title 2',
+                body: 'Some text'
+            }, {
+                title: 'Example title 3',
+                body: 'Some text'
+            }]
+        }
+        wrapper = setUp(initialState);
+    });
+
+    it('Should render without errors', () => {
+        const component = findByTestAtrr(wrapper, 'appComponent');
+        expect(component.length).toBe(1);
+    });
+
+
+});