Add getting started page

- Add GettingStarted container
- Add tests around gettingStarted container

Author: aonomike

src/containers/GettingStartedPage.js

@@ -0,0 +1,35 @@
+import React, { Component } from 'react'
+import { RingLoader } from 'react-spinners'
+import { Container } from 'semantic-ui-react'
+import axios from 'axios'
+import ReactHtmlParser from 'react-html-parser'
+
+export default class GettingStartedPage extends Component {
+    state = { gettingStartedPage: null }
+
+    componentDidMount () {
+      axios.get('api/v1/static/getting-started')
+        .then(response => {
+          this.setState({ gettingStartedPage: response.data })
+        })
+    }
+
+    render () {
+      let { gettingStartedPage } = this.state
+      if (gettingStartedPage) {
+        return (
+          <Container>
+            <div>
+              {ReactHtmlParser(gettingStartedPage)}
+            </div>
+          </Container>
+        )
+      } else {
+        return (
+          <Container>
+            <RingLoader sizeUnit={'px'} size={200} color={'#34495E'} />
+          </Container>
+        )
+      }
+    }
+}

src/tests/containers/GettingStartedPage.test.js

@@ -0,0 +1,32 @@
+import React from 'react'
+import { mount } from 'enzyme'
+import GettingStartedPage from '../../containers/GettingStartedPage'
+import moxios from 'moxios'
+
+describe('GettingStartedPage', () => {
+  let wrapper
+  beforeEach(() => {
+    moxios.install()
+    wrapper = mount(<GettingStartedPage />)
+  })
+  afterEach(() => {
+    moxios.uninstall()
+  })
+  it('fetches the getting started page after component mounts', done => {
+    expect.assertions(1)
+    moxios.wait(() => {
+      let request = moxios.requests.mostRecent()
+      request
+        .respondWith({
+          status: 200,
+          response: '<h1 id="getting-started-1-of-7">Getting Started 1 (of 7)</h1>'
+        }).then(() => {
+          expect(wrapper.html()).toContain('<h1 id="getting-started-1-of-7">Getting Started 1 (of 7)</h1>')
+          done()
+        })
+    })
+  })
+  it('displays a spinner while fetching the getting started page', () => {
+    expect(wrapper.find('Loader').props().loading).toBe(true)
+  })
+})