Merge branch 'ACP2E-1852' of https://github.com/magento-l3/magento2ce into PR-05242023

Author: chittima

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

@@ -75,7 +75,14 @@ define([
          * @returns {FileUploader} Chainable.
          */
         setInitialValue: function () {
-            var value = this.getInitialValue();
+            var value = this.getInitialValue(),
+                imageSize = this.setImageSize;
+
+            _.each(value, function (val) {
+                if (val.type !== undefined && val.type.indexOf('image') >= 0) {
+                    imageSize(val);
+                }
+            }, this);
 
             value = value.map(this.processFile, this);
 
@@ -88,6 +95,19 @@ define([
             return this;
         },
 
+        /**
+         * Set image size for already loaded image
+         *
+         * @param value
+         * @returns {Promise<void>}
+         */
+        async setImageSize(value) {
+            let response = await fetch(value.url),
+                blob = await response.blob();
+
+            value.size = blob.size;
+        },
+
         /**
          * Empties files list.
          *

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

@@ -33,20 +33,21 @@ define([
             },
             component,
             dataScope = 'dataScope',
-            originalJQuery = jQuery.fn;
+            originalJQuery = jQuery.fn,
+            params = {
+                provider: 'provName',
+                name: '',
+                index: '',
+                dataScope: dataScope
+            };
 
         beforeEach(function (done) {
             injector.mock(mocks);
             injector.require([
                 'Magento_Ui/js/form/element/file-uploader',
                 'knockoutjs/knockout-es5'
             ], function (Constr) {
-                component = new Constr({
-                    provider: 'provName',
-                    name: '',
-                    index: '',
-                    dataScope: dataScope
-                });
+                component = new Constr(params);
 
                 done();
             });
@@ -69,6 +70,40 @@ define([
             });
         });
 
+        describe('setInitialValue method', function () {
+
+            it('check for chainable', function () {
+                expect(component.setInitialValue()).toEqual(component);
+            });
+            it('check for set value', function () {
+                var initialValue = [
+                    {
+                        'name': 'test.png',
+                        'size': 0,
+                        'type': 'image/png',
+                        'url': 'http://localhost:8000/media/wysiwyg/test.png'
+                    }
+                ], expectedValue = [
+                    {
+                        'name': 'test.png',
+                        'size': 2000,
+                        'type': 'image/png',
+                        'url': 'http://localhost:8000/media/wysiwyg/test.png'
+                    }
+                ];
+
+                spyOn(component, 'setImageSize').and.callFake(function () {
+                    component.value().size = 2000;
+                });
+                spyOn(component, 'getInitialValue').and.returnValue(initialValue);
+                component.service = true;
+                expect(component.setInitialValue()).toEqual(component);
+                expect(component.getInitialValue).toHaveBeenCalled();
+                component.setImageSize(initialValue);
+                expect(component.value().size).toEqual(expectedValue[0].size);
+            });
+        });
+
         describe('isFileAllowed method', function () {
             var invalidFile,
                 validFile;