Tabs/Selection: Corrected classname appending in Vue template by addi…

…ng wrapper div (DevExpress#27555)
jdvictoria · Jun 13, 2024 · 4509333 · 4509333
1 parent 304bc38
commit 4509333
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 16 deletions.
diff --git a/apps/demos/Demos/Tabs/Selection/Vue/App.vue b/apps/demos/Demos/Tabs/Selection/Vue/App.vue
@@ -31,16 +31,18 @@
             :animation-enabled="true"
           >
             <template #item="{ data }">
-              <div class="employee-info">
-                <img
-                  class="employee-photo"
-                  :alt="data.text"
-                  :src="data.picture"
-                >
-                <p class="employee-notes">
-                  <b>Position: {{ data.position }}</b><br>
-                  {{ data.notes }}
-                </p>
+              <div>
+                <div class="employee-info">
+                  <img
+                    class="employee-photo"
+                    :alt="data.text"
+                    :src="data.picture"
+                  >
+                  <p class="employee-notes">
+                    <b>Position: {{ data.position }}</b><br>
+                    {{ data.notes }}
+                  </p>
+                </div>
               </div>
             </template>
           </DxMultiView>

diff --git a/apps/demos/testing/common.test.js b/apps/demos/testing/common.test.js
@@ -206,9 +206,6 @@ const SKIPPED_TESTS = {
     TreeList: [
       { demo: 'Overview', themes: [THEME.material] },
     ],
-    Tabs: [
-      { demo: 'Selection', themes: [THEME.material, THEME.fluent] },
-    ],
     List: [
       { demo: 'ListSelection', themes: [THEME.material] },
       { demo: 'ListWithSearchBar', themes: [THEME.material] },

diff --git a/apps/demos/utils/visual-tests/matrix-test-helper.js b/apps/demos/utils/visual-tests/matrix-test-helper.js
@@ -245,9 +245,6 @@ const SKIPPED_TESTS = {
     List: [
       { demo: 'ListSelection', themes: [THEME.material] },
     ],
-    Tabs: [
-      { demo: 'Selection', themes: [THEME.fluent, THEME.material] },
-    ],
     TabPanel: [
       { demo: 'Overview', themes: [THEME.material] },
     ],