setting-up-unit-tests-for-react-with-mocha-jsdom-and-enzyme-1

setting-up-unit-tests-for-react-with-mocha-jsdom-and-enzyme-1.js

import React from 'react'
import expect from 'expect'
import { shallow, mount } from 'enzyme'
import FormInput from '../form-elements/FormInput'

describe('Form Component', () => {

  it('should returns correct label for firstname', () => {
    const wrapper = mount(<FormInput
      inputType = "firstname"
      changeHandler={() => {return null}}
      />)
    expect(wrapper.find('label').text()).toEqual('First name');
  });

  it('should return correct placeholder for firstname', () => {
    const wrapper = mount(<FormInput
      inputType = "firstname"
      changeHandler={() => {return null}}
      />)
    const input = wrapper.find('input');
    expect(input.prop('placeholder')).toEqual('Enter your first name');
  });
})