FileUploader: Trigger native click event on input to show system upload dialog (T1307271) (#31090)

Co-authored-by: Ruslan Farkhutdinov <[email protected]>

Author: r-farkhutdinov

packages/devextreme/js/__internal/ui/file_uploader.ts

@@ -1578,7 +1578,8 @@ class FileUploader extends Editor<FileUploaderProperties> {
     }
 
     this._isCustomClickEvent = true;
-    eventsEngine.triggerHandler(this._$fileInput, { type: 'click' });
+    // @ts-expect-error update events_engine interface to support trigger method
+    eventsEngine.trigger(this._$fileInput, 'click');
     this._isCustomClickEvent = false;
   }
 

packages/devextreme/testing/tests/DevExpress.ui.widgets.editors/fileUploader.tests.js

@@ -2665,6 +2665,21 @@ QUnit.module('file uploading', moduleConfig, () => {
             assert.equal($(message).text(), instance.option('uploadAbortedMessage'), 'has uploadAbortedMessage');
         });
     });
+
+    QUnit.test('should trigger native input click to open a system dialog on upload button click (T1307271)', function(assert) {
+        const $fileUploader = $('#fileuploader').dxFileUploader();
+        const instance = $fileUploader.dxFileUploader('instance');
+        const inputElement = $fileUploader.find(`.${FILEUPLOADER_INPUT_CLASS}`).get(0);
+        const nativeClickSpy = sinon.spy();
+
+        inputElement.addEventListener('click', nativeClickSpy);
+
+        instance._selectFileDialogClickHandler();
+
+        assert.strictEqual(nativeClickSpy.calledOnce, true, 'native click triggered');
+
+        inputElement.removeEventListener('click', nativeClickSpy);
+    });
 });
 
 QUnit.module('uploading progress', moduleConfig, () => {