content: import React from 'react'
  import { shallow } from 'enzyme'
  import { expect } from 'chai'
  
  import { Tab } from '../'
  
  describe('app/components/Navigation/Tab', () => {
    let wrapper
    const context = { router: {} }
    const props = {
      text: 'Foo Text'
    }
  
    describe('#render', () => {
      before(() => {
        wrapper = shallow(<Tab {...props} />, { context })
      })
  
      it('should render one root .tab <Link> component', () => {
        expect(wrapper.find('Link.tab')).to.have.length(1)
      })
  
      describe('when isActive is false', () => {
        before(() => {
          wrapper.setProps({ ...props, isActive: true })
        })
        it('should render a tab with h4 className', () => {
          expect(wrapper.props().className).to.have.string('h4')
        })
      })
    })
  })
  