Merge pull request #117 from LaunchPadLab/date-input-tests

Add tests for `DateInput`

Author: Rachel Killackey

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpadlab/lp-components",
-  "version": "1.18.4",
+  "version": "1.18.5",
   "description": "Our Components",
   "main": "lib/index.js",
   "repository": "launchpadlab/lp-components",

test/forms/inputs/date-input.test.js

@@ -0,0 +1,32 @@
+import React from 'react'
+import { mount } from 'enzyme'
+import { DateInput } from '../../../src/'
+
+const name = 'name.of.field'
+const value = '2020-01-01'
+const onChange = jest.fn()
+const input = { name, value, onChange }
+const error = 'input error'
+
+test('DateInput renders the error message when provided', () => {
+  const props = { input, meta: { invalid: true, touched: true, error } }
+  const wrapper = mount(<DateInput { ...props }/>)
+  expect(wrapper.find('.error-message').text()).toBe(error)
+})
+
+test('DateInput updates the value on change', () => {
+  const props = { input, meta: {} }
+  const wrapper = mount(<DateInput { ...props }/>)
+  expect(wrapper.find('input').props().value).toEqual('01/01/2020')
+  
+  const newValue = '2020-02-02'
+  wrapper.find('input').simulate('change', { target: { value: newValue } })
+  expect(wrapper.find('input').props().value).toEqual(newValue)
+})
+
+test('DateInput sets the placeholder text correctly', () => {
+  const props = { input, meta: {}, placeholderText: 'Test Placeholder' }
+  const wrapper = mount(<DateInput { ...props }/>)
+  expect(wrapper.find('input').props().placeholder).toEqual('Test Placeholder')
+})
+