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

Author: EugeniyKiyashko

.github/workflows/demos_visual_tests_frameworks.yml

@@ -302,41 +302,12 @@ jobs:
     - name: Install tgz
       run: pnpm add -w ./devextreme-installer.tgz ./devextreme-dist-installer.tgz ./devextreme-react-installer.tgz ./devextreme-vue-installer.tgz ./devextreme-angular-installer.tgz
 
-    - name: Run lint on all demos
-      if: github.event_name != 'pull_request' || contains(github.event.pull_request.labels.*.name, 'force all tests')
+    - name: Run lint
       working-directory: apps/demos
       env:
         CHANGEDFILEINFOSPATH: changed-files.json
         DEBUG: 'eslint:cli-engine,stylelint:standalone'
-      run: pnpx nx lint
-
-    - name: Run lint on changed demos
-      if: github.event_name == 'pull_request' && !contains(github.event.pull_request.labels.*.name, 'force all tests')
-      working-directory: apps/demos
-      env:
-        DEBUG: 'eslint:cli-engine,stylelint:standalone'
-      run: |
-        pnpx nx lint-non-demos
-
-        if [ -f "changed-files.json" ]; then
-          echo "Running lint-demos on changed files"
-          CHANGED_DEMOS=$(jq -r '.[].filename' changed-files.json \
-            | grep '^apps/demos/Demos/' \
-            | sed 's|^apps/demos/||' \
-            | while read f; do
-                [ -f "$f" ] && echo "$f"
-              done \
-            | tr '\n' ' ')
-          if [ ! -z "$CHANGED_DEMOS" ]; then
-            echo "Changed demo files: $CHANGED_DEMOS"
-            pnpx eslint $CHANGED_DEMOS
-          else
-            echo "No demo files changed, skipping lint-demos"
-          fi
-        else
-          echo "changed-files.json not found"
-          pnpm run lint-demos
-        fi
+      run: pnpx nx lint-non-demos
 
   check_generated_demos:
     name: ${{ matrix.name }}
@@ -435,7 +406,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

@@ -89,6 +89,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>