content: import React from 'react'
  import skinDeep from 'skin-deep'
  import TestUtils from 'react-addons-test-utils'
  import Popover from 'material-ui/lib/popover/popover'
  
  import {AttemptComponent} from 'components/AttemptComponent/AttemptComponent'
  import classes from 'components/AttemptComponent/AttemptComponent.scss'
  
  function shallowRender (component) {
    const renderer = TestUtils.createRenderer()
  
    renderer.render(component)
    return renderer.getRenderOutput()
  }
  
  function renderWithProps (props = {}) {
    return TestUtils.renderIntoDocument(<AttemptComponent {...props} />)
  }
  
  function shallowRenderWithProps (props = {}) {
  	    return skinDeep.shallowRender(<AttemptComponent {...props} />)
    // return shallowRender(<AttemptComponent {...props} />)
  }
  
  describe('(Component) AttemptComponent', function () {
  	    var _component, _props
  
  	    beforeEach(function () {
  		    _props = {}
  		    _component = shallowRenderWithProps(_props)
  	})
  
  	    describe('paper Popover', function () {
  		    it('should have paper popover with text value  being attempt prop', function () {
  		    _props = {
  			    ..._props,
  			    attempt: 'test'
  		}
  		    _component = shallowRenderWithProps(_props)
  		    const popover = _component.subTree('Popover')
  
  		    expect(popover.props.children).to.equal('test')
  	})
  
  	    it('should have open prop being true when AttemptComponent active prop is true', function () {
  		    _props = {
  			    ..._props,
  			    active: true
  		}
  		    _component = shallowRenderWithProps(_props)
  		    var popover = _component.subTree('Popover')
  
  		    expect(popover.props.open).to.equal(true)
  	})
  
  	    it('should have open prop being false when AttemptComponent active prop is false', function () {
  		    _props = {
  			    ..._props,
  			    active: false
  		}
  		    _component = shallowRenderWithProps(_props)
  		    var popover = _component.subTree('Popover')
  
  		    expect(popover.props.open).to.equal(false)
  	})
  	})
  
  	    it('should trigger passed in onMouseEnterCB when component is hovered', function () {
  		    _props = {
  			    ..._props,
  			    onMouseEnterCB: sinon.spy()
  		}
  		    _component = shallowRenderWithProps(_props)
  		    expect(_props.onMouseEnterCB).to.not.have.been.called
  
  		    _component.props.onMouseEnter()
  		    expect(_props.onMouseEnterCB).to.have.been.called
  	})
  
  	    it('should trigger passed in onMouseLeaveCB when component is un-hovered', function () {
  		    _props = {
  			    ..._props,
  			    onMouseLeaveCB: sinon.spy()
  		}
  		    _component = shallowRenderWithProps(_props)
  		    expect(_props.onMouseLeaveCB).to.not.have.been.called
  
  		    _component.props.onMouseLeave()
  		    expect(_props.onMouseLeaveCB).to.have.been.called
  	})
  })
  