fix: submit form on ENTER pressed (testing-library#397)

Author: marcosvega91

src/__tests__/type.js

@@ -756,3 +756,20 @@ test('typing on input type file should not result in an error', () => {
   expect.assertions(0)
   return userEvent.type(element, 'bar').catch(e => expect(e).toBeUndefined())
 })
+
+test('should submit a form when ENTER is pressed on input', () => {
+  const handleSubmit = jest.fn()
+  const {element} = setup(
+    `
+    <form>
+      <input type='text'/>
+    </form>
+  `,
+    {
+      eventHandlers: {submit: handleSubmit},
+    },
+  )
+  userEvent.type(element.querySelector('input'), '{enter}')
+
+  expect(handleSubmit).toHaveBeenCalledTimes(1)
+})

src/type.js

@@ -490,6 +490,10 @@ function handleEnter({currentElement, eventOverrides}) {
     })
   }
 
+  if (currentElement().tagName === 'INPUT' && currentElement().form) {
+    fireEvent.submit(currentElement().form)
+  }
+
   fireEvent.keyUp(currentElement(), {
     key,
     keyCode,