Add ProjectList container (#41)

src/containers/ProjectsList.js

@@ -0,0 +1,8 @@
+import React, { Component } from 'react'
+import { Header } from 'semantic-ui-react'
+
+export class ProjectsList extends Component {
+  render () {
+    return <Header>List of Projects</Header>
+  }
+}

src/fixtures/projects.js

@@ -0,0 +1,61 @@
+export default [
+  {
+    id: 1,
+    title: 'Autograder',
+    description: 'Autograder for the EdX CS169.x SaaS course',
+    status: 'Active',
+    created_at: '2018-10-18T20:54:13.525Z',
+    updated_at: '2018-10-18T20:54:13.525Z',
+    user_id: 1,
+    slug: 'autograder',
+    github_url: 'https://github.com/saasbook/rag',
+    pivotaltracker_url: null,
+    pitch: null,
+    commit_count: 200,
+    image_url: 'http://i.imgur.com/23ePvyN.jpg',
+    last_github_update: null,
+    slack_channel_name: null,
+    tag_list: [],
+    languages: ['Ruby']
+  },
+  {
+    id: 76,
+    title: 'Hw4 with German L',
+    description: 'The hw BDD Cucumber ',
+    status: 'Closed',
+    created_at: '2016-07-17T01:58:46.835Z',
+    updated_at: '2017-07-07T09:44:57.030Z',
+    user_id: 2653,
+    slug: 'hw4-with-german-l',
+    github_url: 'https://github.com/Gigashock3u/hw-bdd-cucumber',
+    pivotaltracker_url: '',
+    pitch: null,
+    commit_count: 22,
+    image_url: '',
+    last_github_update: '2016-07-17T03:44:36.000Z',
+    slack_channel_name: null,
+    tag_list: [],
+    languages: ['JavaScript']
+  },
+  {
+    id: 12,
+    title: 'Open edX',
+    description:
+      'edX is an open source system for delivering courses online. See more at http://code.edx.org',
+    status: 'Closed',
+    created_at: '2014-02-19T18:07:04.190Z',
+    updated_at: '2017-07-07T09:44:56.863Z',
+    user_id: 3,
+    slug: 'edx',
+    github_url: 'https://github.com/edx',
+    pivotaltracker_url: '',
+    pitch:
+      "<p><img src='http://code.edx.org/assets/images/logo-edx-openedx.png'><br></p><p></p>",
+    commit_count: null,
+    image_url: null,
+    last_github_update: null,
+    slack_channel_name: null,
+    tag_list: [],
+    languages: []
+  }
+]

src/index.js

@@ -5,6 +5,7 @@ import { BrowserRouter, Route, Switch } from 'react-router-dom'
 import { Provider } from 'react-redux'
 import store from './store'
 import { Container } from 'semantic-ui-react'
+import ProjectsList from './containers/ProjectsList'
 import Homepage from './components/homepage/Homepage'
 import Navbar from './components/navbar/Navbar'
 import LogIn from './containers/LogIn'
@@ -14,15 +15,16 @@ import './assets/semantic.css'
 render(
   <BrowserRouter>
     <Provider store={store}>
-      <Navbar/>
-        <Switch>
-          <Route path='/' exact component={Homepage} />
-          <Container className='main-content'>
-            <Route path='/users' component={UsersList} />
-            <Route path='/login' component={LogIn} />
-            <Route path="/signup" component={SignUp} />
-          </Container>
-        </Switch>
+      <Navbar />
+      <Switch>
+        <Route path='/' exact component={Homepage} />
+        <Container className='main-content'>
+          <Route path='/users' component={UsersList} />
+          <Route path='/login' component={LogIn} />
+          <Route path="/signup" component={SignUp} />
+          <Route path='/projects' component={ProjectsList} />
+        </Container>
+      </Switch>
     </Provider>
   </BrowserRouter>,
   document.getElementById('root')

src/tests/containers/ProjectsList.test.js

@@ -0,0 +1,29 @@
+import React from 'react'
+import { mount } from 'enzyme'
+import { StaticRouter } from 'react-router'
+import { ProjectsList } from '../../containers/ProjectsList'
+import projectsFixture from '../../fixtures/projects'
+
+describe('ProjectsList', () => {
+  let wrapper
+  const context = {}
+
+  wrapper = mount(
+    <StaticRouter context={context}>
+      <ProjectsList
+        projects={projectsFixture}
+        fetchProjects={() =>
+          new Promise(function (resolve, reject) {
+            setTimeout(function () {
+              resolve('promise')
+            }, 300)
+          })
+        }
+      />
+    </StaticRouter>
+  )
+
+  it('should have a header Volunteers Directory', () => {
+    expect(wrapper.find('Header').text()).toBe('List of Projects')
+  })
+})