Tests

Button.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class Button extends Component {
  static propTypes = {
    type: PropTypes.string,
    text: PropTypes.string,
    onClick: PropTypes.func
  };

  static defaultProps = {
    type: 'button',
    text: 'Submit',
    onClick: () => {}
  };

  onClick() {
    const { onClick } = this.props;
    onClick();
  }

  render() {
    const { type, text } = this.props;

    return (
      <button
        type={type}
        onClick={() => this.onClick()}
        className={'button'}
      >
        {text}
      </button>
    );
  }
}

export default Button;

props_test.js

import React from 'react';
import { Button } from '../components/ui';
import { shallow, mount, render } from 'enzyme';

/* Testing props of components */
describe('Input component prop tests', () => {
  it('should render a document title', done => {
    const wrapper = shallow(
      <Button text={'Test'} type={'submit'} />
    );

    expect(wrapper.props().type).toEqual('submit'); // passes
    expect(wrapper.props().text).toEqual('Test'); // does not pass
    done();
  });
});