use testcafe model and refactor

Author: ksercs

e2e/testcafe-devextreme/tests/fileUploader/index.ts

@@ -1,26 +1,31 @@
-import { Selector } from 'testcafe';
 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';
-const INPUT_SELECTOR = '.dx-fileuploader input';
 
-fixture.disablePageReloads`FileUploader - file list visibility`.page(url(__dirname, '../container.html'));
+fixture.disablePageReloads`FileUploader`
+  .page(url(__dirname, '../container.html'));
 
 [true, false].forEach((showFileList) => {
-  test(`FileUploader with showFileList: ${showFileList} - after file selected`, async (t) => {
+  test(`Appearance when showFileList=${showFileList} after file selected`, async (t) => {
     const { takeScreenshot, compareResults } = createScreenshotsComparer(t);
+    const fileUploader = new FileUploader('#container');
 
-    console.log(Selector('#container'), Selector(INPUT_SELECTOR));
+    await t.setFilesToUpload(fileUploader.input, [TEST_FILE]);
 
-    await t.setFilesToUpload(Selector(INPUT_SELECTOR), [TEST_FILE]);
-
-    await testScreenshot(t, takeScreenshot, `fileuploader-show-filelist-${showFileList}.png`, {
+    await testScreenshot(t, takeScreenshot, `fileuploader-showFileList=${showFileList}-selected.png`, {
       element: '#container',
     });
 
-    await t.expect(compareResults.isValid()).ok(compareResults.errorMessages());
-  }).before(async () => createWidget('dxFileUploader', { showFileList }));
+    await t
+      .expect(compareResults.isValid())
+      .ok(compareResults.errorMessages());
+  }).before(async () => {
+    return await createWidget('dxFileUploader', {
+      showFileList
+    });
+  });
 });