FileUploader: Remove excess padding added when showFileList = false (T1295157) (DevExpress#30018)

Co-authored-by: Ruslan Farkhutdinov <ruslan.farkhutdinov@devexpress.com>
Co-authored-by: EugeniyKiyashko <EugeniyKiyashko@users.noreply.github.com>

Author: 3 people

.github/workflows/pr-filter-stubs.yml

@@ -705,3 +705,25 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - run: exit 1
+  testcafe_tests58:
+    name: 'fileUploader'
+    needs: [ changesSegregation ]
+    if: false
+    runs-on: ubuntu-latest
+    steps:
+      - run: exit 1
+  testcafe_tests59:
+    name: 'fileUploader - fluent'
+    needs: [ changesSegregation ]
+    if: false
+    runs-on: ubuntu-latest
+    steps:
+      - run: exit 1
+  testcafe_tests60:
+    name: 'fileUploader - material'
+    needs: [ changesSegregation ]
+    if: false
+    runs-on: ubuntu-latest
+    steps:
+      - run: exit 1
+

.github/workflows/testcafe_tests.yml

@@ -167,6 +167,9 @@ jobs:
 #         { componentFolder: "pagination", name: "pagination - material", theme: 'material.blue.light' },
           { componentFolder: "pagination", name: "pagination - fluent", theme: 'fluent.blue.light' },
           { componentFolder: "gantt", name: "gantt" },
+          { componentFolder: "fileUploader", name: "fileUploader" },
+          { componentFolder: "fileUploader", name: "fileUploader - material", theme: 'material.blue.light' },
+          { componentFolder: "fileUploader", name: "fileUploader - fluent", theme: 'fluent.blue.light' },
         ]
     runs-on: devextreme-shr2
     timeout-minutes: 45

e2e/testcafe-devextreme/tests/fileUploader/etalons/fileuploader-show-filelist-false (fluent-blue-light).png

@@ -0,0 +1,27 @@
+import { createScreenshotsComparer } from 'devextreme-screenshot-comparer';
+import FileUploader from 'devextreme-testcafe-models/fileUploader';
+import { testScreenshot } from '../../helpers/themeUtils';
+import { createWidget } from '../../helpers/createWidget';
+import url from '../../helpers/getPageUrl';
+
+const TEST_FILE = './images/test-image-1.png';
+
+fixture`FileUploader - file list visibility`
+  .page(url(__dirname, '../container.html'));
+
+[true, false].forEach((showFileList) => {
+  test(`FileUploader with showFileList: ${showFileList} - after file selected`, async (t) => {
+    const fileUploader = new FileUploader('#container');
+    const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+
+    await t.setFilesToUpload(fileUploader.input, [TEST_FILE]);
+
+    await testScreenshot(t, takeScreenshot, `fileuploader-show-filelist-${showFileList}.png`, {
+      element: '#container',
+    });
+
+    await t.clearUpload(fileUploader.input);
+
+    await t.expect(compareResults.isValid()).ok(compareResults.errorMessages());
+  }).before(async () => createWidget('dxFileUploader', { showFileList }));
+});