CSR-803: updates for part-questions

src/common-components/question-chain/question-chain.vue

@@ -100,7 +100,7 @@ export default {
                 return false;
             }
 
-            // Example returnedAnswers:
+            // returnedAnswer examples:
             //   "1|nextQuestion|3|No"
             //   "5|answer|DW02104|Yes"
 
@@ -108,15 +108,12 @@ export default {
             const questionNum = parseInt(returnedAnswerArray[0]);
             const questionType = returnedAnswerArray[1];
             const questionAnswer = returnedAnswerArray[2];
-            const questionAnswerText = returnedAnswerArray[3];
             const answeredQuestions = [];
 
             this.questions.forEach((q) => {
                 // find this question and mark it as "answered" by populating answerSelected
                 if (q.questionSequence === questionNum) {
                     q.answerSelected = returnedAnswer;
-                    q.answerNumber = questionNum;
-                    q.selectedAnswerText = questionAnswerText;
                 }
                 // remove all answers AFTER this question...
                 //      (needed in case user is changing previously answered questions)
@@ -126,6 +123,7 @@ export default {
                 if (q.answerSelected) {
                     answeredQuestions.push({
                         questionText: q.questionText,
+                        selectedAnswer: q.answerSelected,
                         selectedAnswerText: q.answerSelected.split("|")[3],
                         questionNum: q.questionSequence,
                     });

src/layouts/part-questions/part-questions.spec.js

@@ -78,12 +78,14 @@ const baseStoreGettersDamage = () => {
                     {
                         questionText:
                             "Is your vehicle equipped with the Panoramic Sunroof which can be identified by having a glass panel over the rear seats?",
+                        selectedAnswer: "1|nextQuestion|3|Yes",
                         selectedAnswerText: "Yes",
                         questionNum: 1,
                     },
                     {
                         questionText:
                             "Is your vehicle equipped with a heated windshield that melts snow and ice from underneath the windshield wiper blades?",
+                        selectedAnswer: "1|nextQuestion|3|Yes",
                         selectedAnswerText: "Yes",
                         questionNum: 2,
                     },
@@ -152,14 +154,14 @@ describe("partQuestions.vue...", () => {
     });
 
     describe("watch on selectedAnswers should be set up...", () => {
-        test("Should trigger handleAnswerUpdates if watched data changes", async () => {
+        test("Should trigger handleCompletedQuestionChainAnswers if watched data changes", async () => {
             // Arrange
             store.getters = {
                 pageData: baseStoreGettersPageData,
                 damage: baseStoreGettersDamage,
             };
             const { wrapper } = setupMocks({});
-            const spy = jest.spyOn(wrapper.vm, "handleAnswerUpdates");
+            const spy = jest.spyOn(wrapper.vm, "handleCompletedQuestionChainAnswers");
 
             // Act
             wrapper.setData({
@@ -169,11 +171,13 @@ describe("partQuestions.vue...", () => {
                         answeredQuestions: [
                             {
                                 questionText: "One?",
+                                selectedAnswer: "1|nextQuestion|3|Yes",
                                 selectedAnswerText: "Yes",
                                 questionNum: 1,
                             },
                             {
                                 questionText: "Two?",
+                                selectedAnswer: "1|nextQuestion|3|Yes",
                                 selectedAnswerText: "Yes",
                                 questionNum: 2,
                             },

src/layouts/part-questions/part-questions.vue

@@ -109,7 +109,7 @@ export default {
                         "selectedAnswers." + glass.answerKey,
                         (newValue) => {
                             if (newValue && Object.keys(newValue).length > 0) {
-                                this.handleAnswerUpdates(newValue, glass.answerKey);
+                                this.handleCompletedQuestionChainAnswers(newValue, glass.answerKey);
                             }
                         },
                         { deep: true }