Added basic render test for HowDidItStartForm (#1509)

* Added basic render test for HowDidItStartForm.

f2/src/forms/__tests__/HowDidItStartForm.test.js

@@ -0,0 +1,44 @@
+import React from 'react'
+import wait from 'waait'
+import { i18n } from '@lingui/core'
+import { render, fireEvent, cleanup } from '@testing-library/react'
+import { MemoryRouter } from 'react-router-dom'
+import { ThemeProvider } from 'emotion-theming'
+import { I18nProvider } from '@lingui/react'
+import en from '../../locales/en.json'
+import canada from '../../theme/canada'
+import { StateProvider, initialState, reducer } from '../../utils/state'
+import { HowDidItStartForm } from '../HowDidItStartForm'
+
+i18n.load('en', { en })
+i18n.activate('en')
+
+const clickOn = element => fireEvent.click(element)
+
+describe('<HowDidItStartForm />', () => {
+  afterEach(cleanup)
+
+  it('calls the onSubmit function when the form is submitted', async () => {
+    const submitMock = jest.fn()
+
+    const { getByText } = render(
+      <MemoryRouter initialEntries={['/']}>
+        <ThemeProvider theme={canada}>
+          <I18nProvider i18n={i18n}>
+            <StateProvider initialState={initialState} reducer={reducer}>
+              <HowDidItStartForm onSubmit={submitMock} />
+            </StateProvider>
+          </I18nProvider>
+        </ThemeProvider>
+      </MemoryRouter>,
+    )
+
+    // we want to grab whatever is in the submit button as text, pass it to getByText
+    const context = document.querySelector('[type="submit"]').textContent
+    const nextButton = getByText(context)
+    clickOn(nextButton)
+    await wait(0) // Wait for promises to resolve
+
+    expect(submitMock).toHaveBeenCalledTimes(1)
+  })
+})