AC-10720::Migration from outdated jquery/fileUpload library - Resolve Static Errors

Author: Atul-glo35265

app/code/Magento/Catalog/view/adminhtml/web/catalog/base-image-uploader.js

@@ -3,6 +3,8 @@
  * See COPYING.txt for license details.
  */
 
+/* eslint-disable no-undef */
+
 define([
     'jquery',
     'mage/template',
@@ -142,6 +144,7 @@ define([
                 fileId = null,
                 arrayFromObj = Array.from,
                 fileObj = [],
+                uploaderContainer = this.element.find('input[type="file"]').closest('.image-placeholder'),
                 options = {
                     proudlyDisplayPoweredByUppy: false,
                     target: targetElement,
@@ -188,7 +191,6 @@ define([
                         tempFileId:  fileId
                     };
 
-                    var uploaderContainer = this.element.find('input[type="file"]').closest('.image-placeholder');
                     uploaderContainer.addClass('loading');
                     fileObj.push(currentFile);
                     return modifiedFile;
@@ -245,7 +247,6 @@ define([
             });
 
             uppy.on('complete', () => {
-                var uploaderContainer = this.element.find('input[type="file"]').closest('.image-placeholder');
                 uploaderContainer.removeClass('loading');
                 Array.from = arrayFromObj;
             });

app/code/Magento/Ui/view/base/web/js/form/element/file-uploader.js

@@ -17,6 +17,7 @@ define([
     'Magento_Ui/js/form/element/abstract',
     'mage/backend/notification',
     'mage/translate',
+    'jquery/jquery.cookie',
     'jquery/uppy-core',
     'mage/adminhtml/tools'
 ], function ($, _, utils, uiAlert, validator, Element, notification, $t) {
@@ -85,7 +86,7 @@ define([
                         hideProgressAfterFinish: true
                     };
 
-                if (fileInputName === undefined){
+                if (fileInputName === undefined) {
                     fileInputName = $(fileInput).attr('name');
                 }
                 // handle input type file

dev/tests/js/jasmine/tests/app/code/Magento/Backend/view/adminhtml/web/js/media-uploader.test.js

@@ -8,7 +8,7 @@
 define([
     'jquery',
     'Magento_Backend/js/media-uploader'
-], function ($, mediaUploader) {
+], function ($) {
     'use strict';
 
     describe('Magento_Backend/js/media-uploader::_create()', function () {

dev/tests/js/jasmine/tests/app/code/Magento/Ui/base/js/form/element/file-uploader.test.js

@@ -84,9 +84,9 @@ define([
                 expect(component.initUploader).toHaveBeenCalledWith(fileInputMock);
                 expect(component.replaceInputTypeFile).toHaveBeenCalledWith(fileInputMock);
 
-                expect(uppyMock.use).toHaveBeenCalledWith(Uppy.Dashboard, jasmine.any(Object));
-                expect(uppyMock.use).toHaveBeenCalledWith(Uppy.DropTarget, jasmine.any(Object));
-                expect(uppyMock.use).toHaveBeenCalledWith(Uppy.XHRUpload, jasmine.any(Object));
+                expect(uppyMock.use).toHaveBeenCalledWith(window.Uppy.Dashboard, jasmine.any(Object));
+                expect(uppyMock.use).toHaveBeenCalledWith(window.Uppy.DropTarget, jasmine.any(Object));
+                expect(uppyMock.use).toHaveBeenCalledWith(window.Uppy.XHRUpload, jasmine.any(Object));
             });
         });