CI optimization: move editors related tests to editors folder (DevExpress#31356)

Author: pharret31

.github/workflows/testcafe_tests.yml

@@ -19,8 +19,6 @@ env:
 jobs:
   build:
     name: build
-    strategy:
-      fail-fast: false
 
     runs-on: devextreme-shr2
     timeout-minutes: 15
@@ -84,9 +82,6 @@ jobs:
           { componentFolder: "common", name: "common" },
           { componentFolder: "common", name: "common - material", theme: 'material.blue.light' },
           { componentFolder: "common", name: "common - fluent", theme: 'fluent.blue.light' },
-          { componentFolder: "chat", name: "chat" },
-          { componentFolder: "chat", name: "chat - material", theme: 'material.blue.light' },
-          { componentFolder: "chat", name: "chat - fluent", theme: 'fluent.blue.light' },
           { componentFolder: "treeList", name: "treeList", concurrency: 1 },
           { componentFolder: "dataGrid/common", name: "dataGrid / common (1/5)", indices: "1/5" },
           { componentFolder: "dataGrid/common", name: "dataGrid / common (2/5)", indices: "2/5" },
@@ -113,24 +108,21 @@ jobs:
           { componentFolder: "scheduler/viewOffset/markup", name: "scheduler / offset markups" },
           { componentFolder: "scheduler/timezones", name: "scheduler / timezones (Europe/Berlin)", timezone: "Europe/Berlin" },
           { componentFolder: "scheduler/timezones", name: "scheduler / timezones (America/Los_Angeles)", timezone: "America/Los_Angeles" },
-          { componentFolder: "editors", name: "editors (1/3)", indices: "1/3" },
-          { componentFolder: "editors", name: "editors (2/3)", indices: "2/3" },
-          { componentFolder: "editors", name: "editors (3/3)", indices: "3/3" },
-          { componentFolder: "editors", name: "editors - material (1/3)", indices: "1/3", theme: 'material.blue.light' },
-          { componentFolder: "editors", name: "editors - material (2/3)", indices: "2/3", theme: 'material.blue.light' },
-          { componentFolder: "editors", name: "editors - material (3/3)", indices: "3/3", theme: 'material.blue.light' },
-          { componentFolder: "editors", name: "editors - fluent (1/3)", indices: "1/3", theme: 'fluent.blue.light' },
-          { componentFolder: "editors", name: "editors - fluent (2/3)", indices: "2/3", theme: 'fluent.blue.light' },
-          { componentFolder: "editors", name: "editors - fluent (3/3)", indices: "3/3", theme: 'fluent.blue.light' },
-          { componentFolder: "htmlEditor", name: "htmlEditor", concurrency: 1 },
-          { componentFolder: "htmlEditor", name: "htmlEditor - material", theme: 'material.blue.light', concurrency: 1 },
-          { componentFolder: "htmlEditor", name: "htmlEditor - fluent", theme: 'fluent.blue.light', concurrency: 1 },
+          { componentFolder: "editors", name: "editors (1/4)", indices: "1/4" },
+          { componentFolder: "editors", name: "editors (2/4)", indices: "2/4" },
+          { componentFolder: "editors", name: "editors (3/4)", indices: "3/4" },
+          { componentFolder: "editors", name: "editors (4/4)", indices: "4/4" },
+          { componentFolder: "editors", name: "editors - material (1/4)", indices: "1/4", theme: 'material.blue.light' },
+          { componentFolder: "editors", name: "editors - material (2/4)", indices: "2/4", theme: 'material.blue.light' },
+          { componentFolder: "editors", name: "editors - material (3/4)", indices: "3/4", theme: 'material.blue.light' },
+          { componentFolder: "editors", name: "editors - material (4/4)", indices: "4/4", theme: 'material.blue.light' },
+          { componentFolder: "editors", name: "editors - fluent (1/4)", indices: "1/4", theme: 'fluent.blue.light' },
+          { componentFolder: "editors", name: "editors - fluent (2/4)", indices: "2/4", theme: 'fluent.blue.light' },
+          { componentFolder: "editors", name: "editors - fluent (3/4)", indices: "3/4", theme: 'fluent.blue.light' },
+          { componentFolder: "editors", name: "editors - fluent (4/4)", indices: "4/4", theme: 'fluent.blue.light' },
           { componentFolder: "navigation", name: "navigation" },
           { componentFolder: "navigation", name: "navigation - material", theme: 'material.blue.light' },
           { componentFolder: "navigation", name: "navigation - fluent", theme: 'fluent.blue.light' },
-          { componentFolder: "fileManager", name: "fileManager" },
-          { componentFolder: "fileManager", name: "fileManager - material", theme: 'material.blue.light' },
-          { componentFolder: "fileManager", name: "fileManager - fluent", theme: 'fluent.blue.light' },
           { componentFolder: "filterBuilder", name: "filterBuilder" },
           { componentFolder: "filterBuilder", name: "filterBuilder - material", theme: 'material.blue.light' },
           { componentFolder: "filterBuilder", name: "filterBuilder - fluent", theme: 'fluent.blue.light' },
@@ -139,9 +131,6 @@ 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/accessibility/chat.ts

@@ -2,7 +2,7 @@ import { Message, User, Properties } from 'devextreme/ui/chat.d';
 import url from '../../helpers/getPageUrl';
 import { testAccessibility, Configuration } from '../../helpers/accessibility/test';
 import { Options } from '../../helpers/generateOptionMatrix';
-import { avatarUrl } from '../chat/data';
+import { avatarUrl } from '../editors/chat/data';
 
 fixture.disablePageReloads`Accessibility`
   .page(url(__dirname, '../container.html'));

…tcafe-devextreme/tests/chat/alertList.ts …vextreme/tests/editors/chat/alertList.tse2e/testcafe-devextreme/tests/chat/alertList.ts renamed to e2e/testcafe-devextreme/tests/editors/chat/alertList.ts e2e/testcafe-devextreme/tests/chat/alertList.ts renamed to e2e/testcafe-devextreme/tests/editors/chat/alertList.ts

@@ -2,12 +2,12 @@ import { createScreenshotsComparer } from 'devextreme-screenshot-comparer';
 import Chat from 'devextreme-testcafe-models/chat';
 import { ClientFunction } from 'testcafe';
 import { createUser } from './data';
-import url from '../../helpers/getPageUrl';
-import { createWidget } from '../../helpers/createWidget';
-import { getFullThemeName, testScreenshot } from '../../helpers/themeUtils';
+import url from '../../../helpers/getPageUrl';
+import { createWidget } from '../../../helpers/createWidget';
+import { getFullThemeName, testScreenshot } from '../../../helpers/themeUtils';
 
-fixture.disablePageReloads`ChatAlertList`
-  .page(url(__dirname, '../container.html'));
+fixture`ChatAlertList`
+  .page(url(__dirname, '../../container.html'));
 
 test.clientScripts([
   { module: 'mockdate' },

…testcafe-devextreme/tests/chat/avatar.ts …-devextreme/tests/editors/chat/avatar.tse2e/testcafe-devextreme/tests/chat/avatar.ts renamed to e2e/testcafe-devextreme/tests/editors/chat/avatar.ts e2e/testcafe-devextreme/tests/chat/avatar.ts renamed to e2e/testcafe-devextreme/tests/editors/chat/avatar.ts

@@ -1,13 +1,13 @@
 import { createScreenshotsComparer } from 'devextreme-screenshot-comparer';
 import Chat from 'devextreme-testcafe-models/chat';
 import { createUser, generateMessages, avatarUrl } from './data';
-import url from '../../helpers/getPageUrl';
-import { createWidget } from '../../helpers/createWidget';
-import { testScreenshot } from '../../helpers/themeUtils';
-import { appendElementTo } from '../../helpers/domUtils';
+import url from '../../../helpers/getPageUrl';
+import { createWidget } from '../../../helpers/createWidget';
+import { testScreenshot } from '../../../helpers/themeUtils';
+import { appendElementTo } from '../../../helpers/domUtils';
 
 fixture.disablePageReloads`ChatAvatar`
-  .page(url(__dirname, '../container.html'));
+  .page(url(__dirname, '../../container.html'));
 
 test('Chat: avatar', async (t) => {
   const { takeScreenshot, compareResults } = createScreenshotsComparer(t);

…vextreme/tests/chat/confirmationPopup.ts …/tests/editors/chat/confirmationPopup.tse2e/testcafe-devextreme/tests/chat/confirmationPopup.ts renamed to e2e/testcafe-devextreme/tests/editors/chat/confirmationPopup.ts e2e/testcafe-devextreme/tests/chat/confirmationPopup.ts renamed to e2e/testcafe-devextreme/tests/editors/chat/confirmationPopup.ts

@@ -1,12 +1,12 @@
 import { createScreenshotsComparer } from 'devextreme-screenshot-comparer';
 import Chat from 'devextreme-testcafe-models/chat';
 import { createUser } from './data';
-import url from '../../helpers/getPageUrl';
-import { createWidget } from '../../helpers/createWidget';
-import { testScreenshot } from '../../helpers/themeUtils';
+import url from '../../../helpers/getPageUrl';
+import { createWidget } from '../../../helpers/createWidget';
+import { testScreenshot } from '../../../helpers/themeUtils';
 
 fixture.disablePageReloads`ChatConfirmationPopup`.page(
-  url(__dirname, '../container.html'),
+  url(__dirname, '../../container.html'),
 );
 
 test('Chat: confirmation popup', async (t) => {

…cafe-devextreme/tests/chat/data/index.ts …extreme/tests/editors/chat/data/index.tse2e/testcafe-devextreme/tests/chat/data/index.ts renamed to e2e/testcafe-devextreme/tests/editors/chat/data/index.ts e2e/testcafe-devextreme/tests/chat/data/index.ts renamed to e2e/testcafe-devextreme/tests/editors/chat/data/index.ts

@@ -29,16 +29,10 @@ export const getLongText = (useLineBreaks = false, length = 1): string => {
   const longItemArray = Array(length).fill(longItem);
   const longString = longItemArray.join('');
 
-  const result = `${UUID}:${useLineBreaks ? lineBreaks : ''}${longString}`;
-
-  return result;
+  return `${UUID}:${useLineBreaks ? lineBreaks : ''}${longString}`;
 };
 
-export const getShortText = (useLineBreaks = false): string => {
-  const value = `Short${useLineBreaks ? lineBreaks : ' '}text`;
-
-  return value;
-};
+export const getShortText = (useLineBreaks = false): string => `Short${useLineBreaks ? lineBreaks : ' '}text`;
 
 export const generateMessages = (
   length: number,
@@ -49,8 +43,8 @@ export const generateMessages = (
   coefficient = 4,
   n = 1,
   isEdited = false,
-): Message[] => {
-  const messages = Array.from({ length: length * n }, (_, i) => {
+): Message[] => (
+  Array.from({ length: length * n }, (_, i) => {
     const text = useLongText
       ? getLongText(useLineBreaks)
       : getShortText(useLineBreaks);
@@ -63,18 +57,14 @@ export const generateMessages = (
       return i % coefficient === 0 ? userFirst : userSecond;
     };
 
-    const item = {
+    return {
       timestamp,
       author: getAuthor(),
       text,
       isEdited,
     };
-
-    return item;
-  });
-
-  return messages;
-};
+  })
+);
 
 export const generateImageMessage = (
   user: User,