From dc1c6b17b29d08ac5e5b0e7f7cc8a6903cb5a580 Mon Sep 17 00:00:00 2001
From: Aleksey Novikov <novikov82@gmail.com>
Date: Tue, 17 Oct 2023 12:03:58 +0300
Subject: [PATCH] #7141 - fixed vue markup

---
 packages/survey-vue3-ui/src/Expression.vue  |  2 +-
 src/vue/expression.vue                      |  2 +-
 tests/markup/etalon.ts                      |  1 +
 tests/markup/etalon_expression.ts           | 21 +++++++++++++++++++++
 tests/markup/snapshots/expression.snap.html |  1 +
 5 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 tests/markup/etalon_expression.ts
 create mode 100644 tests/markup/snapshots/expression.snap.html

diff --git a/packages/survey-vue3-ui/src/Expression.vue b/packages/survey-vue3-ui/src/Expression.vue
index f121e45a7b..d127f3339f 100644
--- a/packages/survey-vue3-ui/src/Expression.vue
+++ b/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>
diff --git a/src/vue/expression.vue b/src/vue/expression.vue
index 92a63da16b..3ae987f740 100644
--- a/src/vue/expression.vue
+++ b/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">
diff --git a/tests/markup/etalon.ts b/tests/markup/etalon.ts
index e503345ede..53efa278cd 100644
--- a/tests/markup/etalon.ts
+++ b/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([
diff --git a/tests/markup/etalon_expression.ts b/tests/markup/etalon_expression.ts
new file mode 100644
index 0000000000..e42fa23de5
--- /dev/null
+++ b/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"),
+  });
\ No newline at end of file
diff --git a/tests/markup/snapshots/expression.snap.html b/tests/markup/snapshots/expression.snap.html
new file mode 100644
index 0000000000..54d6f53a11
--- /dev/null
+++ b/tests/markup/snapshots/expression.snap.html
@@ -0,0 +1 @@
+<div class="sd-expression">123</div>
\ No newline at end of file