e2e frameworks tests: get rid of Material, Generic themes testing (#31327)

Author: EugeniyKiyashko

.github/workflows/demos_visual_tests_frameworks.yml

@@ -427,7 +427,7 @@ jobs:
       fail-fast: false
       matrix:
         CONSTEL: [react(1/4), react(2/4), react(3/4), react(4/4), vue(1/4), vue(2/4), vue(3/4), vue(4/4), angular(1/4), angular(2/4), angular(3/4), angular(4/4)]
-        THEME: ['generic.light', 'material.blue.light', 'fluent.blue.light']
+        THEME: ['fluent.blue.light']
 
     runs-on: ubuntu-22.04
     name: testcafe-${{ matrix.CONSTEL }}-${{ matrix.THEME }}

apps/demos/Demos/Common/EditorAppearanceVariants/test-code.js

@@ -2,6 +2,5 @@ testUtils.importAnd(() => 'devextreme/animation/fx', () => DevExpress.fx, (fx) =
   fx.off = true;
 
   return testUtils
-    .postponeUntilFound('.dx-texteditor-with-label.dx-invalid', 100, 10000)
-    .then(() => testUtils.postpone(200));
+    .postponeUntilFound('.dx-texteditor-with-label.dx-invalid', 100, 5000);
 });

apps/demos/Demos/DataGrid/CellEditing/Angular/app/app.component.html

@@ -33,6 +33,7 @@
           [disabled]="!selectedItemKeys.length"
           icon="trash"
           text="Delete Selected Records"
+          stylingMode="text"
         >
         </dx-button>
       </dxi-item>

apps/demos/Demos/DataGrid/CellEditing/React/App.tsx

@@ -59,7 +59,8 @@ const App = () => {
               onClick={deleteRecords}
               icon="trash"
               disabled={!selectedItemKeys.length}
-              text="Delete Selected Records" />
+              text="Delete Selected Records"
+              stylingMode="text" />
           </Item>
         </Toolbar>
       </DataGrid>

apps/demos/Demos/DataGrid/CellEditing/ReactJs/App.js

@@ -85,6 +85,7 @@ const App = () => {
               icon="trash"
               disabled={!selectedItemKeys.length}
               text="Delete Selected Records"
+              stylingMode="text"
             />
           </Item>
         </Toolbar>

apps/demos/Demos/DataGrid/CellEditing/Vue/App.vue

@@ -57,6 +57,7 @@
               :disabled="!selectedItemKeys.length"
               icon="trash"
               text="Delete Selected Records"
+              stylingMode="text"
             />
           </template>
         </DxItem>

apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/app/app.component.html

@@ -31,6 +31,7 @@
       <dx-button
         text="Clear Selection"
         [disabled]="!selectedRows?.length"
+        stylingMode="text"
         (onClick)="grid.instance.clearSelection()"
       >
       </dx-button>

apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/React/App.tsx

@@ -80,6 +80,7 @@ const App = () => {
               disabled={!selectedRowKeys.length}
               onClick={onClearButtonClicked}
               text="Clear Selection"
+              stylingMode="text"
             />
           </Item>
         </Toolbar>

apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/ReactJs/App.js

@@ -90,6 +90,7 @@ const App = () => {
               disabled={!selectedRowKeys.length}
               onClick={onClearButtonClicked}
               text="Clear Selection"
+              stylingMode="text"
             />
           </Item>
         </Toolbar>

apps/demos/Demos/DataGrid/MultipleRecordSelectionAPI/Vue/App.vue

@@ -50,6 +50,7 @@
           <DxButton
             :disabled="!selectedRowKeys.length"
             text="Clear Selection"
+            stylingMode="text"
             @click="clearSelection"
           />
         </DxItem>