index.js

index.js

import {LoginHeader} from './LoginHeader';

export default LoginHeader;

LoginHeader.jsx

// styled-components
import styled from 'styled-components';

const LoginHeader = styled.h1`
  font-size: 1.4rem;
  padding:2rem 0;
  margin: 0 auto;
`;

export default LoginHeader;

LoginHeader.test.js

import React from 'react';
import {shallow} from 'enzyme';
import LoginHeader from '../LoginHeader';

// react's new renderer, an alternative to `enzyme`
import renderer from 'react-test-renderer';

const setup = (propOverrides) => {
  const props = Object.assign({}, propOverrides);
  const wrapper = shallow(<LoginHeader {...props} />);

  return {
    props,
    wrapper
  };
};

describe('<LoginHeader />', () => {
  
  it('renders component with default props', () => {
    const props = Object.assign({}, propOverrides);
    const element = shallow(<LoginHeader {...props} />);
  

    expect(element.exists()).toBe(true);
  });


});