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]>
testing-library · Nov 24, 2020 · b762198 · b762198
1 parent a051013
commit b762198
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/src/__tests__/fire-event.js b/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>`,

diff --git a/src/vue-testing-library.js b/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) {