diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..399ee1b
--- /dev/null
+++ b/.env.development
@@ -0,0 +1 @@
+JWT_PUBLIC_KEY="-----BEGIN PUBLIC KEY-----\nMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAnk0u5Aag3eJk3FaiG9H+\nv/NLRjiZxFXGJBoOO5Zhal1j8tk1D1vkWRMk+KdCjN998s//62kwYMLkAjOuEoCc\n4Lb6hCeHVIgL+nX9JOxEny0Zi6Koli1KnyQNUZ7vVYHf5NZ7k1h6MShYIzhUPdks\ntiE9nQMtP18JBupccES986iMZw8hra3AGjTBXR6siRePnBa84rYlPhzETjZX4jf6\nM+aDI7+KY3ztrkcBSQL7sbPdILBepBzxHCN1uqUBoYbVTYPZYMmaGsK553KcVds2\nB83LAy626KRAD7Sp1/NwgRIcL55bB1xef/Q+qjSnIOGd4r2JkmjmNLEM4A0p1rEo\nFQIDAQAB\n-----END PUBLIC KEY-----"
diff --git a/go b/go
index dff6d68..b5400df 100755
--- a/go
+++ b/go
@@ -9,7 +9,7 @@
   }
 
   function reset_db {
-    env=${1:-test}
+    env=${1:-test}q
     dbname=interviewdb-${env}
     dropdb ${dbname}
     createdb ${dbname}
diff --git a/package.json b/package.json
index f28e18d..c228482 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,7 @@
   "devDependencies": {
     "body-parser": "^1.17.1",
     "chai": "^3.5.0",
+    "chai-enzyme": "^0.6.1",
     "chai-http": "^3.0.0",
     "dotenv": "^4.0.0",
     "enzyme": "^2.8.0",
diff --git a/src/browser/components/common/router.js b/src/browser/components/common/router.js
index 7cc1295..ba9a43b 100644
--- a/src/browser/components/common/router.js
+++ b/src/browser/components/common/router.js
@@ -21,10 +21,10 @@ export default class Routes extends Component {
     }
 
     const LandingComponent = (props, state, params) =>
-    <Landing profile={fakeProfile} {...props}  stats={fakeStats} {...props}/>
+    <Landing profile={fakeProfile} {...props}  stats={fakeStats} />
 
     const GameOptionsComponent = (props, state, params) =>
-    <GameOptions profile={fakeProfile} {...props} stats={fakeStats} {...props} />
+    <GameOptions profile={fakeProfile} {...props} stats={fakeStats} />
 
     const ProfileComponent = (props, state, params) =>
     <Profile profile={fakeProfile} {...props} stats={fakeStats} {...props} />
diff --git a/src/browser/components/foo.js b/src/browser/components/foo.js
deleted file mode 100644
index 9855a50..0000000
--- a/src/browser/components/foo.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import React, {Component} from 'react'
-export default class Foo extends Component {
-  render() {
-    return (<div> hello </div>)
-  }
-}
\ No newline at end of file
diff --git a/src/browser/components/molecules/form/index.js b/src/browser/components/molecules/form/index.js
index 3b647d5..c2b0996 100644
--- a/src/browser/components/molecules/form/index.js
+++ b/src/browser/components/molecules/form/index.js
@@ -42,6 +42,15 @@ export default class Form extends Component{
     this.state = {
       input: {}
     }
+
+    const form = this.props.inputModules.map( inputModule => {
+      return {'Input': this.initTextInput.bind(this, inputModule),
+        'Checkbox': this.initCheckbox.bind(this, inputModule),
+        'Radio': this.initRadio.bind(this, inputModule),
+        'Select': this.initSelect.bind(this, inputModule)
+      }[inputModule.type]()
+    })
+    this.state.form = form
   }
 
   parseName(inputModule, option){
@@ -63,9 +72,9 @@ export default class Form extends Component{
   }
 
   initTextInput(inputModule) {
-    let domElement = (<FormInput 
-      prompt={inputModule.prompt} 
-      placeholder={inputModule.placeholder} 
+    let domElement = (<FormInput
+      prompt={inputModule.prompt}
+      placeholder={inputModule.placeholder}
       onChange={this.handleChange.bind(this)}/>
     )
 
@@ -76,9 +85,9 @@ export default class Form extends Component{
   }
 
   initCheckbox(inputModule) {
-    let domElement = (<FormCheckbox 
-      prompt={inputModule.prompt} 
-      options={inputModule.options} 
+    let domElement = (<FormCheckbox
+      prompt={inputModule.prompt}
+      options={inputModule.options}
       onChange={this.handleChange.bind(this)}/>)
 
     let currentState = this.state
@@ -90,9 +99,9 @@ export default class Form extends Component{
   }
 
   initRadio(inputModule) {
-    let domElement = (<FormRadio 
-      prompt={inputModule.prompt} 
-      options={inputModule.options} 
+    let domElement = (<FormRadio
+      prompt={inputModule.prompt}
+      options={inputModule.options}
       onChange={this.handleChange.bind(this)}
       />)
     let currentState = this.state
@@ -104,11 +113,11 @@ export default class Form extends Component{
 
   initSelect(inputModule) {
     let domElement = (
-      <FormSelect 
-      prompt={inputModule.prompt} 
-      options={inputModule.options} 
-      isOptionRequired={inputModule.isOptionRequired} 
-      onChange={this.handleChange.bind(this) } 
+      <FormSelect
+      prompt={inputModule.prompt}
+      options={inputModule.options}
+      isOptionRequired={inputModule.isOptionRequired}
+      onChange={this.handleChange.bind(this) }
       passId={inputModule.id}
       />)
     let currentState = this.state
@@ -117,17 +126,6 @@ export default class Form extends Component{
     return domElement
   }
 
-  componentDidMount() {
-    const form = this.props.inputModules.map( inputModule => {
-      return {'Input': this.initTextInput.bind(this, inputModule),
-        'Checkbox': this.initCheckbox.bind(this, inputModule),
-        'Radio': this.initRadio.bind(this, inputModule),
-        'Select': this.initSelect.bind(this, inputModule)
-      }[inputModule.type]()
-    })
-    this.setState({form: form})
-  }
-
   render(){
     return(
       <form className="uk-form-horizontal uk-margin-large">
diff --git a/src/browser/components/molecules/prompt-input/index.js b/src/browser/components/molecules/prompt-input/index.js
index 8fa53f7..0586669 100644
--- a/src/browser/components/molecules/prompt-input/index.js
+++ b/src/browser/components/molecules/prompt-input/index.js
@@ -11,7 +11,7 @@ export default class AddInput extends Component {
 
   render() {
     return (
-      <div>
+      <div className="add-input">
         <button className="uk-button uk-button-default" onClick={this.addInput}>
           Add a Hint
         </button>
diff --git a/src/browser/components/molecules/scorecard/index.js b/src/browser/components/molecules/scorecard/index.js
index 7ccc127..3163660 100644
--- a/src/browser/components/molecules/scorecard/index.js
+++ b/src/browser/components/molecules/scorecard/index.js
@@ -5,10 +5,8 @@ export default class Scorecard extends Component {
     const {questions, answered, skipped} = this.props
     return (
       <div className="uk-grid">
-
           <div className="">Correct: {answered.length}/{questions.length}</div>
           <div className="">Skipped: {skipped.length}/{questions.length}</div>
-
       </div>
     )
   }
diff --git a/src/browser/components/pages/game/index.js b/src/browser/components/pages/game/index.js
index 42459e4..3015714 100644
--- a/src/browser/components/pages/game/index.js
+++ b/src/browser/components/pages/game/index.js
@@ -41,14 +41,14 @@ export default class Game extends Component {
 
           <div className="uk-flex uk-grid">
             <div className="uk-flex-first">
-              <button className="uk-button uk-button-primary"
+              <button id="correct" className="uk-button uk-button-primary"
                       onClick={this.incrementQuestionState.bind(this, 'answered')}>Correct</button>
             </div>
             <div className="uk-flex">
-              <button className="uk-button uk-button-danger"
+              <button id="skipped" className="uk-button uk-button-danger"
                       onClick={this.incrementQuestionState.bind(this, 'skipped')}>Skip</button>
             </div>
-            <div className="uk-flex">
+            <div id="show" className="uk-flex">
               <button className="uk-button-secondary uk-button" onClick={this.toggleProperty.bind(this, 'showAnswer')}>Show Answer</button>
             </div>
           </div>
diff --git a/test/browser/atoms/form_input_test.js b/test/browser/atoms/form_input_test.js
new file mode 100644
index 0000000..7360131
--- /dev/null
+++ b/test/browser/atoms/form_input_test.js
@@ -0,0 +1,21 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+import FormInput from '../../../src/browser/components/atoms/form-input/index'
+
+describe('<FormInput />', () => {
+
+  it('should return a div', () => {
+    const wrapper = shallow(<FormInput />)
+    expect(wrapper.find('div.uk-form-controls')).to.have.length(1)
+  })
+
+  it('should have an input field inside the main div', () => {
+    const wrapper = mount(<FormInput />)
+    expect(wrapper.children()).to.have.length(1)
+    expect(wrapper.find('div.uk-form-controls').childAt(0).type()).to.equal('input')
+    expect(wrapper.find('#form-horizontal-text')).to.have.length(1)
+  })
+})
diff --git a/test/browser/atoms/profile_box_test.js b/test/browser/atoms/profile_box_test.js
new file mode 100644
index 0000000..c833ff5
--- /dev/null
+++ b/test/browser/atoms/profile_box_test.js
@@ -0,0 +1,22 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+import ProfileBox from '../../../src/browser/components/atoms/profile-box/index'
+
+describe('<ProfileBox />', () => {
+
+  it('should return a div', () => {
+    const wrapper = shallow(<ProfileBox />)
+    expect(wrapper.children()).to.have.length(1)
+  })
+
+  it('the child element should be a div', () => {
+    const wrapper = mount(<ProfileBox />)
+    expect(wrapper.find('div.uk-grid-small').childAt(0).type()).to.equal('div')
+  })
+
+
+
+});
diff --git a/test/browser/atoms/select_tag_test.js b/test/browser/atoms/select_tag_test.js
new file mode 100644
index 0000000..f8111f2
--- /dev/null
+++ b/test/browser/atoms/select_tag_test.js
@@ -0,0 +1,48 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+import SelectTag from '../../../src/browser/components/atoms/form-select/index'
+
+
+describe('<SelectTag />', () => {
+  const label = 'difficulty'
+  const options = ['Javascript', 'SQL', 'http']
+  const value = 'SQL'
+
+  it('should return a div', () => {
+    const wrapper = shallow(<SelectTag options={[]} label={label} value={options[1]}  />)
+    expect(wrapper.find('div.uk-margin')).to.have.length(1)
+  })
+
+  context('the outer div should contain two html elements', () => {
+    it('should have a label', () => {
+      const wrapper = mount(<SelectTag options={[]} label={label} value={options[1]} />)
+      expect(wrapper.find('div.uk-margin').childAt(0).type()).to.equal('label')
+      expect(wrapper.props().label).to.equal('difficulty')
+    })
+
+    it('should have a div', () => {
+      const wrapper = mount(<SelectTag options={[]} label={label} value={options[1]} />)
+      expect(wrapper.find('div.uk-margin').childAt(1).type()).to.equal('div')
+    })
+  })
+
+  context('inner divs child should be a select', () => {
+    it('is a selector', () => {
+      const wrapper = mount(<SelectTag options={[]} label={label} value={options[1]} />)
+      expect(wrapper.find('div.uk-form-controls').children().type()).to.equal('select')
+    })
+    it('should display a value', () => {
+      const wrapper = mount(<SelectTag options={[]} label={label} value={options[1]} />)
+      expect(wrapper.props().value).to.equal('SQL')
+    })
+  })
+
+  it('should render N+1 <option> tags', () => {
+    const wrapper = mount(<SelectTag options={options} label={label} />)
+    expect(wrapper.find('option').length).to.eql(4)
+  })
+
+})
diff --git a/test/browser/atoms/stat_box_test.js b/test/browser/atoms/stat_box_test.js
new file mode 100644
index 0000000..f2c1359
--- /dev/null
+++ b/test/browser/atoms/stat_box_test.js
@@ -0,0 +1,33 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+global.document = jsdom('');
+global.window = document.defaultView;
+
+import StatBox from '../../../src/browser/components/atoms/stat-box/index'
+import StatCounter from '../../../src/browser/components/atoms/stat-counter/index'
+
+describe('<StatBox />', () => {
+
+  it('should return a div', () => {
+    const wrapper = shallow(<StatBox />)
+    expect(wrapper.find('div.uk-grid-small')).to.have.length(1)
+  })
+
+  context('should have a nested div', () => {
+    it('should have a div inside of the main div', () => {
+      const wrapper = mount(<StatBox />)
+      expect(wrapper.find('div.uk-grid-small').childAt(0).type()).to.equal('div')
+      expect(wrapper.find('div.uk-flex-left')).to.have.length(1)
+    })
+  })
+  context('inner div contains an instance of <StatCounter />', () => {
+    it('should render <StatCounter/>', () => {
+      const wrapper = mount(<StatBox />)
+      expect(wrapper.containsMatchingElement(<StatCounter />)).to.be.true
+    })
+  })
+
+})
diff --git a/test/browser/atoms/stat_counter_test.js b/test/browser/atoms/stat_counter_test.js
new file mode 100644
index 0000000..d38ec92
--- /dev/null
+++ b/test/browser/atoms/stat_counter_test.js
@@ -0,0 +1,21 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+global.document = jsdom('');
+global.window = document.defaultView;
+
+import StatCounter from '../../../src/browser/components/atoms/stat-counter/index'
+
+describe('<StatCounter />', () => {
+  it('should contain a div', () => {
+    const wrapper = shallow(<StatCounter />)
+    expect(wrapper.find('div.uk-margin-small-left')).to.have.length(1)
+  })
+
+  it('should contain a nested div', () => {
+    const wrapper = mount(<StatCounter />)
+    expect(wrapper.find('div.uk-badge').exists()).to.be.true
+  })
+})
diff --git a/test/routes_test.js b/test/browser/common/routes_test.js
similarity index 61%
rename from test/routes_test.js
rename to test/browser/common/routes_test.js
index 1fdb505..7faffbf 100644
--- a/test/routes_test.js
+++ b/test/browser/common/routes_test.js
@@ -8,19 +8,18 @@ const doc = jsdom.jsdom('<!doctype html><html><body><div id="app"></div></body><
 global.document = doc
 global.window = doc.defaultView
 
-import Routes from '../src/browser/components/common/router'
-import Landing from '../src/browser/components/pages/landing/index'
-import Scorecard from '../src/browser/components/molecules/scorecard/index'
-import FormSelect from '../src/browser/components/atoms/form-select/index'
-import GameOptions from '../src/browser/components/molecules/game-options/index'
+import Routes from '../../../src/browser/components/common/router'
+import Landing from '../../../src/browser/components/pages/landing/index'
+import Scorecard from '../../../src/browser/components/molecules/scorecard/index'
+import SelectTag from '../../../src/browser/components/atoms/form-select/index'
+import GameOptions from '../../../src/browser/components/molecules/game-options/index'
 
 describe('<Routes />', () => {
   it('should render correct routes', () => {
-    const wrapper = shallow( < Routes / > )
+    const wrapper = shallow( < Routes / >)
     const pathMap = wrapper.find(Route).reduce((pathMap, route) => {
       const routeProps = route.props()
       pathMap[routeProps.path] = routeProps.component
-      // console.log('path map::', pathMap)
       return pathMap;
     }, {})
     expect(pathMap['/'].toString()).to.equal(Landing.toString())
diff --git a/test/browser/molecules/form_test.js b/test/browser/molecules/form_test.js
new file mode 100644
index 0000000..b251786
--- /dev/null
+++ b/test/browser/molecules/form_test.js
@@ -0,0 +1,84 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount, simulate } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+import Form from '../../../src/browser/components/molecules/form/index.js'
+import FormSelect from '../../../src/browser/components/atoms/form-select/index.js'
+
+global.document = jsdom('');
+global.window = document.defaultView;
+
+describe.only('<Form />', () => {
+  const inputModules = [
+    {
+      "type"       : "Input",
+      "placeholder": "Where is Voldemort",
+      "prompt"     : "What Is Your Question?"
+    },
+    {
+      "type"            : "Select",
+      "options"         : ["High","Low","Layside","Portside"],
+      "prompt"          : "What Is The Answer?",
+      "isOptionRequired": false
+    },
+    {
+      "type"   : "Checkbox",
+      "options": ["Hogwartzzz","Castle Wolfenstein"],
+      "prompt" : "Hot-Topic"
+    },
+    {
+      "type"   : "Radio",
+      "options": ["Nemo", "Master", "Slave", "Jedi"],
+      "prompt" : "Difficulty Levels"
+    }
+  ]
+
+  context('it should render a form', () => {
+    it('has a form element', () => {
+      const wrapper = shallow(<Form inputModules={inputModules} />)
+      expect(wrapper.find('form').exists()).to.equal.true
+    })
+
+    it('should render FormSelect in the right order with correct props', () => {
+      const wrapper = mount(<Form inputModules={inputModules} />)
+      expect(wrapper.find(Form).childAt(1).prop('prompt')).to.equal('What Is The Answer?')
+      expect(wrapper.find(Form).childAt(1).prop('options')).to.contain('High')
+      expect(wrapper.find(Form).childAt(1).prop('options')).to.contain('Low')
+      expect(wrapper.find(Form).childAt(1).prop('options')).to.not.contain('Mountain')
+      expect(wrapper.find(Form).childAt(1).prop('isOptionRequired')).to.equal(false)
+      expect(wrapper.find(Form).childAt(1).prop('isOptionRequired')).to.be.false
+      wrapper.find(FormSelect).simulate('change', {target: {value: 'Portside'}}) // TODO: Get this working, then use wrapper.state to view it
+      // console.log(wrapper.state())
+      
+      expect(wrapper.find(FormSelect).prop('options')).to.contain('Layside')
+    })
+
+    it('should render FormInput in the right order with correct props', () => {
+      const wrapper = mount(<Form inputModules={inputModules} />)
+      expect(wrapper.find(Form).childAt(0).prop('prompt')).to.equal('What Is Your Question?')
+      expect(wrapper.find(Form).childAt(0).prop('placeholder')).to.equal('Where is Voldemort')
+    })
+
+    it('should render FormCheckbox in the right order with correct props', () => {
+      const wrapper = mount(<Form inputModules={inputModules} />)
+      expect(wrapper.find(Form).childAt(2).prop('prompt')).to.equal('Hot-Topic')
+      expect(wrapper.find(Form).childAt(2).prop('options')).to.contain('Hogwartzzz')
+      expect(wrapper.find(Form).childAt(2).prop('options')).to.contain('Castle Wolfenstein')
+      expect(wrapper.find(Form).childAt(2).prop('options')).to.not.contain('BlanketSleepers')
+    })
+
+    it('should render FormRadio in the right order with correct props', () => {
+      const wrapper = mount(<Form inputModules={inputModules} />)
+      expect(wrapper.find(Form).childAt(3).prop('prompt')).to.equal('Difficulty Levels')
+      expect(wrapper.find(Form).childAt(3).prop('options')).to.contain('Nemo')
+      expect(wrapper.find(Form).childAt(3).prop('options')).to.contain('Master')
+      expect(wrapper.find(Form).childAt(3).prop('options')).to.contain('Slave')
+      expect(wrapper.find(Form).childAt(3).prop('options')).to.contain('Jedi')
+      expect(wrapper.find(Form).childAt(3).prop('options')).to.not.contain('BeefMaster')
+    })
+
+    it('should render ')
+
+  })
+})
diff --git a/test/browser/molecules/gameOptions_test.js b/test/browser/molecules/gameOptions_test.js
new file mode 100644
index 0000000..f8509de
--- /dev/null
+++ b/test/browser/molecules/gameOptions_test.js
@@ -0,0 +1,42 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+import GameOptions from '../../../src/browser/components/molecules/game-options/index.js'
+import SelectTag from '../../../src/browser/components/atoms/form-select/index'
+
+global.document = jsdom('');
+global.window = document.defaultView;
+
+describe('<GameOptions />', () => {
+  const topics = ["JavaScript", "http", "SQL"]
+  const difficulty = ["beginner", "intermediate", "advanced"]
+  const gameModes = ['solo', 'pair', 'whiteboard']
+
+  context('it should render a form', () => {
+    it('has a form element', () => {
+      const wrapper = shallow(<GameOptions options={[]} parse ={[]} />)
+      expect(wrapper.find('div').childAt(2).type()).to.equal('form')
+    })
+    it('contains a fieldset as its first child', () => {
+      const wrapper = mount(<GameOptions options={[]} parse ={[]} />)
+      expect(wrapper.find('form').childAt(0).type()).to.equal('fieldset')
+    })
+
+  })
+  it('should render SelectTag in the right order with correct props', () => {
+    const wrapper = shallow(<GameOptions difficulty={difficulty} topics ={topics}
+                          gameModes={gameModes} parse={{}} />)
+    expect(wrapper.find(SelectTag).length).to.equal(3)
+    expect(wrapper.find(SelectTag).get(0).props.options).to.equal(difficulty)
+    expect(wrapper.find(SelectTag).get(1).props.options).to.equal(topics)
+    expect(wrapper.find(SelectTag).get(2).props.options).to.equal(gameModes)
+  })
+  it('should render a button', () => {
+    const wrapper = shallow(<GameOptions difficulty={difficulty} topics ={topics}
+                          gameModes={gameModes} parse={{}} />)
+    expect(wrapper.find('button.uk-button').exists()).to.be.true
+
+  })
+})
diff --git a/test/browser/header_test.js b/test/browser/molecules/header_test.js
similarity index 77%
rename from test/browser/header_test.js
rename to test/browser/molecules/header_test.js
index 5073763..b934910 100644
--- a/test/browser/header_test.js
+++ b/test/browser/molecules/header_test.js
@@ -3,20 +3,15 @@ import { expect } from 'chai'
 import { mount } from 'enzyme'
 import { jsdom } from 'jsdom'
 
-import Header from '../../src/browser/components/molecules/header/index'
-import StatBox from '../../src/browser/components/atoms/stat-box/index'
-import ProfileBox from '../../src/browser/components/atoms/profile-box/index'
+import Header from '../../../src/browser/components/molecules/header/index'
+import StatBox from '../../../src/browser/components/atoms/stat-box/index'
+import ProfileBox from '../../../src/browser/components/atoms/profile-box/index'
 
 global.document = jsdom('');
 global.window = document.defaultView;
 
 describe('<Header />', () => {
   it('renders the navbar containing relevant user information', () => {
-    let stats = {
-      Experience:1,
-      PriorityLevel:2,
-      Difficulty:3
-    }
     const fakeStats = {
       experience: {value: 100, heading: "Experience"},
       difficulty: {value: "Beginner", heading: "Difficulty"}
diff --git a/test/browser/molecules/prompt_input_test.js b/test/browser/molecules/prompt_input_test.js
new file mode 100644
index 0000000..df04b4e
--- /dev/null
+++ b/test/browser/molecules/prompt_input_test.js
@@ -0,0 +1,24 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+global.document = jsdom('');
+global.window = document.defaultView;
+
+import AddInput from '../../../src/browser/components/molecules/prompt-input/index'
+
+describe('<AddInput />', () => {
+  it('should render a div', () => {
+    const wrapper = shallow(<AddInput />)
+    expect(wrapper.find('div.add-input')).to.have.length(1)
+
+    context('the first element should be a button', () => {
+      it('should be a button', () => {
+        const wrapper = shallow(<AddInput />)
+        expect(wrapper.find('div.add-input').childAt(0).type()).to.equal('button')
+      })
+    })
+  })
+
+})
diff --git a/test/browser/molecules/scorecard_test.js b/test/browser/molecules/scorecard_test.js
new file mode 100644
index 0000000..592ed66
--- /dev/null
+++ b/test/browser/molecules/scorecard_test.js
@@ -0,0 +1,44 @@
+import React from 'react'
+import { expect } from 'chai'
+import chai from 'chai'
+import { chaiEnzyme }  from 'chai-enzyme'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+
+
+import Scorecard from '../../../src/browser/components/molecules/scorecard/index'
+import Header from '../../../src/browser/components/molecules/header/index'
+import StatBox from '../../../src/browser/components/atoms/stat-box/index'
+import ProfileBox from '../../../src/browser/components/atoms/profile-box/index'
+import Landing from '../../../src/browser/components/pages/landing/index'
+
+global.document = jsdom('');
+global.window = document.defaultView;
+
+
+describe('<Scorecard />', () => {
+  const answered = 10
+  const questions = 30
+  const skipped = 2
+
+  it('should render a div', () => {
+    const wrapper = shallow(<Scorecard questions={[]} answered={[]} skipped={[]}/>)
+    expect(wrapper.find('div.uk-grid')).to.have.length(1)
+  })
+
+  it('should have two nested divs', () => {
+    const wrapper = mount(<Scorecard questions={[]} answered={[]} skipped={[]}/>)
+    expect(wrapper.children()).to.have.length(2)
+  })
+
+  it('has three props', () =>{
+    const wrapper = mount(<Scorecard questions={questions} answered={answered} skipped={skipped}/>)
+    expect(wrapper.prop('questions')).to.equal(30)
+    expect(wrapper.prop('answered')).to.equal(10)
+    expect(wrapper.prop('skipped')).to.equal(2)
+
+  })
+
+
+})
diff --git a/test/browser/molecules/user_profile_test.js b/test/browser/molecules/user_profile_test.js
new file mode 100644
index 0000000..e69de29
diff --git a/test/browser/pages/game_test.js b/test/browser/pages/game_test.js
new file mode 100644
index 0000000..af80789
--- /dev/null
+++ b/test/browser/pages/game_test.js
@@ -0,0 +1,62 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+global.document = jsdom('');
+global.window = document.defaultView;
+
+import Game from '../../../src/browser/components/pages/game/index'
+import Scorecard from '../../../src/browser/components/molecules/scorecard/index'
+
+describe('<Game />', () => {
+  context('testing game buttons that get rendered below', () => {
+    context('buttons should render if game page is receiving data from db', () => {
+      it('should render the "correct" button', () => {
+        const wrapper = mount(<Game content={{}} skipped={[5]} questions={[9]}/>)
+        expect(wrapper.find('#correct').exists()).to.be.true
+      })
+      it('should render the "Skip" button', () => {
+        const wrapper = mount(<Game content={{}} skipped={[5]} questions={[9]}/>)
+        expect(wrapper.find('#skipped').exists()).to.be.true
+      })
+      it('should render the "Show Answer" button', () => {
+        const wrapper = mount(<Game content={{}} skipped={[5]} questions={[9]}/>)
+        expect(wrapper.find('#show').exists()).to.be.true
+      })
+    })
+    context('buttons wont render if game page receives no data', () => {
+      it('should not render the "correct" button', () => {
+        const wrapper = mount(<Game content={{}} skipped={[]} questions={[]}/>)
+        expect(wrapper.find('#correct').exists()).to.be.false
+      })
+      it('should not render the "skipped" button', () => {
+        const wrapper = mount(<Game content={{}} skipped={[]} questions={[]}/>)
+        expect(wrapper.find('#skipped').exists()).to.be.false
+      })
+      it('should not render the "Show Answer" button', () => {
+        const wrapper = mount(<Game content={{}} skipped={[]} questions={[]}/>)
+        expect(wrapper.find('#show').exists()).to.be.false
+      })
+    })
+  })
+  context('elements rendered', () => {
+    it('should render the <Scorecard /> component first', () => {
+      const wrapper = shallow(<Game content={{}} skipped={[]} questions={[]}/>)
+      expect(wrapper.childAt(0).matchesElement(<Scorecard />)).to.be.true
+    })
+    it('should render the progress bar second', () => {
+      const wrapper = shallow(<Game content={{}} skipped={[]} questions={[]}/>)
+      expect(wrapper.childAt(1).matchesElement(<progress />)).to.be.true
+    })
+    it('should render a text area for interview notes', () => {
+      const wrapper = mount(<Game content={{}} skipped={[]} questions={[]}/>)
+      expect(wrapper.find('textarea').exists()).to.be.true
+      expect(wrapper.find('textarea').parent().is('div.uk-container-center')).to.be.true
+    })
+    it('should render Hint button', () => {
+      const wrapper = shallow(<Game content={{}} skipped={[]} questions={[]}/>)
+      expect(wrapper.find('button.uk-button').exists()).to.be.true
+    })
+  })
+})
diff --git a/test/browser/pages/landing_test.js b/test/browser/pages/landing_test.js
new file mode 100644
index 0000000..363593c
--- /dev/null
+++ b/test/browser/pages/landing_test.js
@@ -0,0 +1,29 @@
+import React from 'react'
+import { expect } from 'chai'
+import { shallow, mount } from 'enzyme'
+import { jsdom } from 'jsdom'
+
+global.document = jsdom('')
+global.window = document.defaultView
+
+import Landing from '../../../src/browser/components/pages/landing/index'
+import Layout from '../../../src/browser/components/pages/layout/index'
+import GameOptions from '../../../src/browser/components/molecules/game-options/index'
+import Game from '../../../src/browser/components/pages/game/index'
+import Header from '../../../src/browser/components/molecules/header/index'
+import Routes from '../../../src/browser/components/common/router'
+
+describe.only('<Landing />', () => {
+  const kwery = { location: {
+    search: 'localhost:3000/?topic=JavaScript&difficulty=beginner'}
+  }
+  it('should render the layout component', () => {
+    const wrapper = shallow(<Landing profile={{}} stats={{}} location={{}} />)
+    expect(wrapper.contains(<Landing />)).to.equal.true
+  })
+  // it('should parse a query string if it exists', () => {
+  //   const wrapper = shallow(<Landing profile={{}} stats={{}} location={kwery} />)
+  //   console.log('location prop ::', wrapper.props('location'))
+  //   // expect(wrapper.prop('location')).
+  // })
+})
diff --git a/test/browser/pages/layout_test.js b/test/browser/pages/layout_test.js
new file mode 100644
index 0000000..e69de29
diff --git a/test/browser/pages/profile_test.js b/test/browser/pages/profile_test.js
new file mode 100644
index 0000000..e69de29
diff --git a/webpack.config.js b/webpack.config.js
index 62186e9..61ac611 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -48,7 +48,11 @@ module.exports = {
     filename: 'bundle.js',
     path: `${rootDir}/public/dist`
   },
-
+  externals: {
+    'react/addons': true,
+    'react/lib/ExecutionEnvironment': true,
+    'react/lib/ReactContext': true
+  },
   plugins:
   [
     new ExtractTextPlugin("styles.css"),