fix(upload): apply changeInit correctly (#670)

* fix(upload): apply changeInit correctly * test: apply init options
testing-library · Apr 29, 2021 · de09b1b · de09b1b
1 parent 557caaf
commit de09b1b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/__tests__/upload.js b/src/__tests__/upload.js
@@ -251,3 +251,15 @@ test('throw error if trying to use upload on an invalid element', () => {
     `"The associated INPUT element does not accept file uploads"`,
   )
 })
+
+test('apply init options', () => {
+  const {element, getEvents} = setup('<input type="file"/>')
+
+  userEvent.upload(element, new File([], 'hello.png'), {
+    clickInit: {shiftKey: true},
+    changeInit: {cancelable: true},
+  })
+
+  expect(getEvents('click')[0]).toHaveProperty('shiftKey', true)
+  expect(getEvents('change')[0]).toHaveProperty('cancelable', true)
+})
diff --git a/src/upload.ts b/src/upload.ts
@@ -6,7 +6,7 @@ import {isDisabled, isElementType} from './utils'
 
 interface uploadInit {
   clickInit?: MouseEventInit
-  changeInit?: Event
+  changeInit?: EventInit
 }
 
 interface uploadOptions {
@@ -74,13 +74,12 @@ function upload(
       bubbles: true,
       cancelable: false,
       composed: true,
-      ...init,
     }),
   )
 
   fireEvent.change(input, {
     target: {files: inputFiles},
-    ...init,
+    ...init?.changeInit,
   })
 }