Merge pull request #1602 from adobe/FORMS-20243

Fix size issue on uploading the file again

Author: pavi41

it/content/src/main/content/jcr_root/content/forms/af/core-components-it/samples/prefill/basic/.content.xml

@@ -84,6 +84,19 @@
                     type="string"
                     typeIndex="0"
                     visible="{Boolean}true"/>
+            <fileinput
+                    fd:dragDropText="Drag and drop to Upload"
+                    jcr:created="{Date}2025-06-04T15:37:31.303+05:30"
+                    jcr:createdBy="admin"
+                    jcr:lastModified="{Date}2025-06-04T15:37:31.303+05:30"
+                    jcr:lastModifiedBy="admin"
+                    jcr:primaryType="nt:unstructured"
+                    jcr:title="File Attachment"
+                    sling:resourceType="forms-components-examples/components/form/fileinput"
+                    accept="[audio/*, video/*, image/*, text/*, application/pdf]"
+                    buttonText="Attach"
+                    fieldType="file-input"
+                    name="fileinput1749031651340"/>        
             <button
                     jcr:lastModified="{Date}2022-12-13T15:44:11.564+05:30"
                     jcr:lastModifiedBy="admin"

ui.frontend/src/view/FormFileInputWidgetBase.js

@@ -481,7 +481,6 @@ class FormFileInputWidgetBase {
 
                         // if the file is not invalid, show it and push it to internal array
                         if (!isCurrentInvalidFileSize && !isCurrentInvalidFileName && !isCurrentInvalidMimeType) {
-                            this.showFileList(currFileName);
                             if(this.isMultiSelect()) {
                                 this.values.push(currFileName);
                                 this.fileArr.push(file);

ui.tests/test-module/specs/fileinput/fileinputv3.runtime.cy.js

@@ -248,4 +248,13 @@ describe('Click on button tag (V-3)', () => {
             expect(alertText).to.equal(model.getState().constraintMessages.maxFileSize);
         });
      });
+
+     it('file when uploaded again should give actual size', () => {
+        let sampleFileNames = ['sample.svg'];
+        const fileInput = "input[name='fileinput2']";
+        cy.attachFile(fileInput, [sampleFileNames[0]]);
+        cy.get('.cmp-adaptiveform-fileinput__filesize').should('contain.text', '508 bytes');
+        cy.attachFile(fileInput, [sampleFileNames[0]]);
+        cy.get('.cmp-adaptiveform-fileinput__filesize').should('contain.text', '508 bytes'); 
+     })
 })

ui.tests/test-module/specs/prefill/customprefill.cy.js

@@ -28,6 +28,7 @@ describe('Custom Prefill Test', function () {
           dobDropdown = "input[name='dob']",
           jobDropdown = "select[name='job']";
     let genderRadioButton = "input[name='radiobutton-c8c660bac8_gender']";
+    let fileAttachment = "input[name='fileinput1749031651340']";
     let formContainer = null;
 
     beforeEach(() => {
@@ -61,11 +62,13 @@ describe('Custom Prefill Test', function () {
             }
             cy.get(genderRadioButton).should("have.value", "0");
             cy.get(jobDropdown).should("have.value", "1");
+            cy.get('.cmp-adaptiveform-fileinput__fileitem') .should('exist');
         }
 
     }
 
     it('', function() {
+        let sampleFileNames = ['sample.txt'];
         if (cy.af.isOldCoreComponent()) {
             genderRadioButton = "input[name='gender']"; // was added due to enhancement in repeatibility of radio buttons in core components
         }
@@ -74,10 +77,11 @@ describe('Custom Prefill Test', function () {
         cy.get(dobDropdown).type("1999-10-10");
         cy.get(genderRadioButton).first().check();
         cy.get(jobDropdown).select('Working');
+        cy.attachFile(fileAttachment,[sampleFileNames[0]]);
 
         // submitting the form and fetching the prefillID
         let prefillId;
-        cy.get("button").click();
+        cy.get("button").eq(2).click();
 
         cy.wait('@afSubmission').then(({response}) => {
             expect(response.statusCode).to.equal(200);
@@ -91,6 +95,7 @@ describe('Custom Prefill Test', function () {
     });
 
     it('prefill using service in dataRef', function() {
+        let sampleFileNames = ['sample2.txt'];
         if (cy.af.isOldCoreComponent()) {
             genderRadioButton = "input[name='gender']"; // was added due to enhancement in repeatibility of radio buttons in core components
         }
@@ -99,10 +104,11 @@ describe('Custom Prefill Test', function () {
         cy.get(dobDropdown).type("1999-10-10");
         cy.get(genderRadioButton).first().check();
         cy.get(jobDropdown).select('Working');
+        cy.attachFile(fileAttachment,[sampleFileNames[0]]);
 
         // submitting the form and fetching the prefillID
         let prefillId;
-        cy.get("button").click();
+        cy.get("button").eq(2).click();
 
         cy.wait('@afSubmission').then(({response}) => {
             prefillId = response.body.metadata.prefillId;