echo304

class ComponentToBeTested extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isActive: false
    };
    this.handleButtonClick = this.handleButtonClick.bind(this);
  }
  
  handleButtonClick() {

echo304

{
}

echo304

Foo.propTypes = {
  customProp: function(props, propName, componentName) {
    if (!/matchme/.test(props[propName])) {
      return new Error(
        'Invalid prop `' + propName + '` supplied to' +
        ' `' + componentName + '`. Validation failed.'
      );
    }
  }
};

echo304

Chart.propTypes = {
  config: PropTypes.shape({
    series: PropTypes.array.isRequired,
    xAxis: PropTypes.shape({
      categories: PropTypes.array,
    }),
  }).isRequired,
  chartType: PropTypes.arrayOf(PropTypes.string).isRequired,
  currentChartType: PropTypes.oneOf(['view', 'conversion']),
};

echo304

Chart.propTypes = {
  config: PropTypes.object.isRequired,
  chartType: PropTypes.array.isRequired,
  currentChartType: PropTypes.string,
};

echo304

describe('<Foo />', () => {
  describe('#componentDidMount', () => {
    it('should return foo', () => {
      const cb = sinon.spy();
      mount(<Foo callback={cb} />);
      expect(cb.calledOnce).to.be.eq(true);
    });
  });
});

echo304

class Foo extends React.Component {
  componentDidMount() {
    this.props.callback();
  }
  
  /* ... */  
  
  render() { /* ... */ }
}

echo304

/* ... */

class Foo extends React.Component {
  state = { test: 'test' }
  
  /* ... */  

  test() {
    return this.state.test;
  }

echo304

/* ... */

class Foo extends React.Component {
  
  /* ... */  

  test() {
    return 'foo';
  }
  

echo304

/* ... */

class Foo extends React.Component {
  
  /* ... */  

  test() {
    return 'foo';
  }