#7141 - fixed vue markup

packages/survey-vue3-ui/src/Expression.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="question.cssClasses.text" ref="root">
+  <div :class="question.cssClasses.root" ref="root">
     {{ question.formatedValue }}
   </div>
 </template>

src/vue/expression.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="question.cssClasses.text">{{ question.formatedValue }}</div>
+  <div :class="question.cssClasses.root">{{ question.formatedValue }}</div>
 </template>
 
 <script lang="ts">

tests/markup/etalon.ts

@@ -21,6 +21,7 @@ export * from "./etalon_matrixdynamic";
 export * from "./etalon_question";
 export * from "./etalon_survey";
 export * from "./etalon_signaturepad";
+export * from "./etalon_expression";
 export { markupTests } from "./helper";
 
 registerMarkupTests([

tests/markup/etalon_expression.ts

@@ -0,0 +1,21 @@
+import { StylesManager } from "survey-core";
+import { registerMarkupTest } from "./helper";
+
+registerMarkupTest(
+  {
+    name: "Test Expression question markup",
+    json: {
+      questions: [
+        {
+          name: "name",
+          type: "expression",
+          expression: "123",
+          titleLocation: "hidden"
+        }
+      ]
+    },
+    snapshot: "expression",
+    removeIds: true,
+    before: () => StylesManager.applyTheme("defaultV2"),
+    after: () => StylesManager.applyTheme("default"),
+  });

tests/markup/snapshots/expression.snap.html

@@ -0,0 +1 @@
+<div class="sd-expression">123</div>