text: jest.mock('../components/Header')
  
  import React from 'react'
  import renderer from 'react-test-renderer'
  import { Provider } from 'react-redux'
  import configureStore from 'redux-mock-store'
  import Header from '../components/Header'
  import HeaderContainer from './HeaderContainer'
  
  describe('containers', () => {
    describe('HeaderContainer', () => {
      let wrapper
      let component
  
      beforeEach(() => {
        jest.resetAllMocks()
  
        const store = configureStore()({
          firebase: {
            auth: {}
          }
        })
  
        wrapper = renderer.create(
          <Provider store={store}>
            <HeaderContainer />
          </Provider>
        )
  
        component = wrapper.root.find(el => el.type === Header)
      })
  
      it('should render the component ', () => {
        expect(component).toBeTruthy()
      })
  
      it('should map state to props', () => {
        const expectedPropKeys = ['auth']
  
        expect(Object.keys(component.props)).toEqual(
          expect.arrayContaining(expectedPropKeys)
        )
      })
  
      it('should map dispatch to props', () => {
        const expectedPropKeys = []
  
        expect(Object.keys(component.props)).toEqual(
          expect.arrayContaining(expectedPropKeys)
        )
      })
    })
  })
  