Refactor tests

Author: mattwr18

src/tests/components/EventForm.test.js

@@ -0,0 +1,40 @@
+import React from 'react'
+import { mount } from 'enzyme'
+import EventForm from '../../components/EventForm'
+import { StaticRouter } from 'react-router'
+
+describe('EventForm', () => {
+  let wrapper
+  const context = {}
+  beforeEach(() => {
+    wrapper = mount(
+      <StaticRouter context={context}>
+        <EventForm />
+      </StaticRouter>
+    )
+  })
+
+  it('shows a DaysOfTheWeekSelect if the event is repeating', () => {
+    wrapper = mount(
+      <StaticRouter context={context}>
+        <EventForm repeats={'weekly'} />
+      </StaticRouter>
+    )
+
+    expect(wrapper.find('DaysOfTheWeekSelect')).toHaveLength(1)
+  })
+
+  it('shows the endDate select if the recurring event ends', () => {
+    wrapper = mount(
+      <StaticRouter context={context}>
+        <EventForm repeats={'weekly'} repeatEnds={'on'} />
+      </StaticRouter>
+    )
+
+    const endDateSelect = wrapper.find('DatePicker').filterWhere(item => {
+      return item.prop('name') === 'endDate'
+    })
+
+    expect(endDateSelect).toHaveLength(1)
+  })
+})

src/tests/containers/EventForm.test.js …tests/containers/CreateEventPage.test.jssrc/tests/containers/EventForm.test.js renamed to src/tests/containers/CreateEventPage.test.js src/tests/containers/EventForm.test.js renamed to src/tests/containers/CreateEventPage.test.js

@@ -1,9 +1,9 @@
 import React from 'react'
 import { shallow, mount } from 'enzyme'
-import { EventForm } from '../../containers/EventForm'
+import { CreateEventPage } from '../../containers/CreateEventPage'
 import { StaticRouter } from 'react-router'
 
-describe('EventForm', () => {
+describe('CreateEventPage', () => {
   let wrapper
   const props = {
     location: { pathname: '/events/new' },
@@ -13,10 +13,11 @@ describe('EventForm', () => {
     projects: [],
     fetchActiveProjects: jest.fn(),
     loggedInUser: {},
-    createEvent: jest.fn()
+    createEvent: jest.fn(),
+    handleStartDateChange: jest.fn()
   }
   beforeEach(() => {
-    wrapper = shallow(<EventForm {...props} />)
+    wrapper = shallow(<CreateEventPage {...props} />)
   })
 
   it('setsLastLocation with path', () => {
@@ -31,22 +32,22 @@ describe('EventForm', () => {
   it('sets state with projects if received from props', () => {
     const expected = [{ id: 3, name: 'Project1' }]
     props.projects = expected
-    wrapper = shallow(<EventForm {...props} />)
+    wrapper = shallow(<CreateEventPage {...props} />)
     expect(wrapper.state().projects).toEqual(expected)
   })
 
   it('sets state when props are updated', () => {
     const expected = [{ id: 3, name: 'Project1' }]
     wrapper.setProps({ projects: expected })
-    wrapper = shallow(<EventForm {...props} />)
+    wrapper = shallow(<CreateEventPage {...props} />)
     expect(wrapper.state().projects).toEqual(expected)
   })
 
   it('calls createEvent when the form in submitted', () => {
     const context = {}
     wrapper = mount(
       <StaticRouter context={context}>
-        <EventForm {...props} />
+        <CreateEventPage {...props} />
       </StaticRouter>
     )
 
@@ -63,37 +64,4 @@ describe('EventForm', () => {
 
     expect(props.createEvent).toHaveBeenCalledTimes(1)
   })
-
-  it('sets state when startDate is changed', () => {
-    const startDateSelect = wrapper.find('DatePicker').filterWhere(item => {
-      return item.prop('name') === 'startDate'
-    })
-
-    startDateSelect.simulate('change', new Date('04/05/2019'))
-
-    expect(wrapper.state().startDate).toEqual(new Date('04/05/2019'))
-  })
-
-  it('sets state when endDate is changed', () => {
-    const context = {}
-    wrapper = mount(
-      <StaticRouter context={context}>
-        <EventForm {...props} />
-      </StaticRouter>
-    )
-    const eventForm = wrapper.find('EventForm')
-    eventForm.setState({ repeats: 'weekly', repeatEnds: 'on' })
-
-    const weekdaysSelect = wrapper.find('Select').filterWhere(item => {
-      return item.prop('name') === 'weekdays'
-    })
-
-    weekdaysSelect.simulate('change', ['Monday'])
-    const endDateSelect = wrapper.find('DatePicker').filterWhere(item => {
-      return item.prop('name') === 'endDate'
-    })
-    endDateSelect.props().onChange(new Date('2019-05-26'))
-
-    expect(eventForm.state().endDate).toEqual(new Date('2019-05-26'))
-  })
 })