Add support for file inputs

Author: afontcu

src/__tests__/fire-event.js

@@ -231,3 +231,20 @@ test('fireEvent.update does not crash if non-input element is passed in', async
 
   expect(console.warn).not.toHaveBeenCalled()
 })
+
+test('fireEvent.update handles input file', async () => {
+  const {getByTestId} = render({
+    template: `<input type="file" data-testid="test-update" />`,
+  })
+
+  const file = new File(['(⌐□_□)'], 'chucknorris.png', {type: 'image/png'})
+
+  const inputEl = getByTestId('test-update')
+
+  // You could replace the lines below with
+  // userEvent.upload(inputEl, file)
+  Object.defineProperty(inputEl, 'files', {value: [file]})
+  await fireEvent.update(inputEl)
+
+  expect(console.warn).not.toHaveBeenCalled()
+})

src/index.js

@@ -170,6 +170,8 @@ fireEvent.update = (elem, value) => {
       if (['checkbox', 'radio'].includes(type)) {
         elem.checked = true
         return fireEvent.change(elem)
+      } else if (type === 'file') {
+        return fireEvent.change(elem)
       } else {
         elem.value = value
         return fireEvent.input(elem)