feat: Add support for input file on fireEvent.update (#179)

* add input file fail test

* fix incorrect render

* add input file to update fireEvent

* Update based on suggestion

Co-authored-by: Adrià Fontcuberta <[email protected]>

Author: JeromeDeLeon

src/__tests__/fire-event.js

@@ -119,6 +119,7 @@ const eventTypes = [
     elementType: 'div',
   },
 ]
+
 beforeEach(() => {
   jest.spyOn(console, 'warn').mockImplementation(() => {})
 })
@@ -215,6 +216,26 @@ test('fireEvent.update does not trigger warning messages', async () => {
   expect(console.warn).not.toHaveBeenCalled()
 })
 
+test('fireEvent.update should not crash with 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()
+})
+
 test('fireEvent.update does not crash if non-input element is passed in', async () => {
   const {getByText} = render({
     template: `<div>Hi</div>`,

src/vue-testing-library.js

@@ -158,6 +158,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
         if (elem._vModifiers && elem._vModifiers.lazy) {