From 323d3fadb7e949e93c4b86d2563e61753ffb938a Mon Sep 17 00:00:00 2001
From: rmmayo <rmmayo@softtech-solutions.com>
Date: Thu, 2 Jan 2025 19:53:38 +0000
Subject: [PATCH] #3059 - changed TextInputAnswer to use MarkdownText component

---
 .../components/quiz/runsHistory/QuizRunQuestionCard.vue   | 8 ++++----
 e2e-tests/cypress/e2e/quiz/grade_quiz_spec.js             | 5 +++--
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/dashboard/src/components/quiz/runsHistory/QuizRunQuestionCard.vue b/dashboard/src/components/quiz/runsHistory/QuizRunQuestionCard.vue
index b6cba65df..c2c80cd1a 100644
--- a/dashboard/src/components/quiz/runsHistory/QuizRunQuestionCard.vue
+++ b/dashboard/src/components/quiz/runsHistory/QuizRunQuestionCard.vue
@@ -19,9 +19,7 @@ import MarkdownText from '@/common-components/utilities/markdown/MarkdownText.vu
 import SelectCorrectAnswer from '@/components/quiz/testCreation/SelectCorrectAnswer.vue';
 import QuestionType from '@/skills-display/components/quiz/QuestionType.js';
 import SkillsOverlay from "@/components/utils/SkillsOverlay.vue";
-import DateCell from "@/components/utils/table/DateCell.vue";
-import SlimDateCell from "@/components/utils/table/SlimDateCell.vue";
-import {useTimeUtils} from "@/common-components/utilities/UseTimeUtils.js";
+import { useTimeUtils } from "@/common-components/utilities/UseTimeUtils.js";
 
 const props = defineProps({
   quizType: String,
@@ -114,7 +112,9 @@ const manuallyGradedInfo = computed(() => {
             <Rating class="flex-initial py-3 px-4" v-model="surveyScore" :stars="numberOfStars" readonly :cancel="false"/>
           </div>
           <div v-if="isTextInputType" class="border-1 border-300 border-round p-3 w-full" data-cy="TextInputAnswer">
-            <pre>{{ answerText }}</pre>
+            <MarkdownText
+                :text="answerText"
+                :instance-id="`${question.id}_answer`"/>
           </div>
           <div v-if="manuallyGradedInfo" class="mt-3 w-full border-1 p-3 border-round surface-border" data-cy="manuallyGradedInfo">
             <div class="text-xl mb-3 font-semibold">Manually Graded</div>
diff --git a/e2e-tests/cypress/e2e/quiz/grade_quiz_spec.js b/e2e-tests/cypress/e2e/quiz/grade_quiz_spec.js
index 2e441a723..05543bd75 100644
--- a/e2e-tests/cypress/e2e/quiz/grade_quiz_spec.js
+++ b/e2e-tests/cypress/e2e/quiz/grade_quiz_spec.js
@@ -72,7 +72,7 @@ describe('Grade Quizzes', () => {
         cy.createQuizDef(1);
         cy.createTextInputQuestionDef(1, 1)
 
-        cy.runQuizForUser(1, 1, [{selectedIndex: [0]}], true, 'My Answer')
+        cy.runQuizForUser(1, 1, [{selectedIndex: [0]}], true, '**My Answer**')
 
         cy.visit('/administrator/quizzes/quiz1/grading');
         cy.get('[data-cy="gradeBtn_user1"]').should('be.enabled').click()
@@ -100,7 +100,8 @@ describe('Grade Quizzes', () => {
         cy.get('[data-cy="numQuestionsToPass"]').contains('1 / 1')
 
         cy.get('[data-cy="questionDisplayCard-1"] [data-cy="questionDisplayText"]').contains('This is a question # 1')
-        cy.get('[data-cy="questionDisplayCard-1"] [data-cy="TextInputAnswer"]').contains('My Answer')
+        cy.get('[data-cy="questionDisplayCard-1"] [data-cy="TextInputAnswer"]').should('contain.text', 'My Answer')
+        cy.get('[data-cy="questionDisplayCard-1"] [data-cy="TextInputAnswer"]').should('not.contain.text', '**My Answer**')
         cy.get('[data-cy="questionDisplayCard-1"] [data-cy="wrongAnswer"]').should('not.exist')
 
         cy.get('[data-cy="questionDisplayCard-1"] [data-cy="manuallyGradedInfo"] [data-cy="grader"]').contains(defaultUser)