Testing connected redux components

connectedComponents.js

// Header component to test in header.js
import React, {Component} from 'react';
import { Link } from 'react-router';

export class Header extends Component { // Here we export our class

  render() {
    const { logoutUser } = this.props;
    
    return (
      <nav className="navbar navbar-light">
        <Link className='navbar-brand' to="/">PinPointMe</Link>
        <ul className='nav navbar-nav'>
          <li className='nav-item pull-right'>
            <a href="#" className='nav-link' onClick={ logoutUser }>Sign out</a>
          </li>
        </ul>
      </nav>
    );
  }
}

function mapStateToProps(state) {
  return {
    isAuth: state.auth.isAuthenticated
  };
}

export default connect(mapStateToProps, actions)(Header); // We export our connected component by default

// Now in our header.spec.js we can pull out the unconnected component
import { Header } from './header';