set answer_id as empty

Author: jomcarvajal

src/components/ExercisePreview.tsx

@@ -2,7 +2,6 @@ import React from "react";
 import { ExerciseData, ExerciseQuestionData, StepBase } from "src/types";
 import { Exercise } from "./Exercise";
 import styled from "styled-components";
-import { colors } from "../theme";
 
 export interface ExercisePreviewProps {
   exercise: ExerciseData;
@@ -46,6 +45,7 @@ export const ExercisePreview = (
       return {
         ...acc,
         [id]: {
+          answer_id: '',
           correct_answer_id,
           is_completed: showCorrectAnswer,
           solution: {
@@ -91,12 +91,6 @@ export const ExercisePreview = (
         & > div {
           display: none;
         }
-      }
-
-      .answer-letter-wrapper::before {
-        color: ${colors.palette.neutralThin} !important;
-        border-color: #c6c6c6 !important;
-        background: ${colors.palette.white} !important;
       }`
     }
   `;

src/components/Print.stories.tsx

@@ -1,101 +0,0 @@
-import { ExerciseData, ExerciseQueryData, ExerciseQuestionData, StepBase } from '../../src/types';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-import data from '../../exercises.json';
-import styled from 'styled-components';
-import { Exercise } from './Exercise';
-
-const ExerciseWrapper = styled.div`
-  break-inside: avoid;
-
-  .step-card-body {
-    padding: 24px 48px !important;
-  }
-
-  .step-card-footer {
-    display: none;
-  }
-
-  .exercise-id {
-    height: auto;
-  }
-
-  .exercise-step {
-    min-height: auto;
-  }
-
-  .question-feedback {
-    box-shadow: none !important;
-  }
-
-  .openstax-answer {
-    break-inside: avoid;
-
-    .answer-letter-wrapper::after {
-      content: '' !important;
-    }
-  }
-`;
-
-const exercises = (data as ExerciseQueryData).exercises as ExerciseData[];
-
-const firstQuestionNumByExercise = exercises.reduce((acc, ex) => ({
-    ...acc,
-    [ex.uuid]: acc.questionCounter + 1,
-    questionCounter: acc.questionCounter + ex.questions.length
-  }), {questionCounter: 0});
-
-// placeholder until exercise data contains correct answer IDs
-const formatAnswerData = (questions: ExerciseQuestionData[]) => questions.map((q) => (
-    {id: q.id, correct_answer_id: (q.answers.find((a) => a.correctness === '1.0')?.id || '')}));
-
-const questionStateFields = {
-  available_points: '1.0',
-  is_completed: true,
-  answer_id: '1',
-  free_response: '',
-  feedback_html: '',
-  correct_answer_feedback_html: '',
-  attempts_remaining: 0,
-  attempt_number: 1,
-  incorrectAnswerId: 0
-}
-
-export const Default = () => (
-  <>
-    {data.title && <h2>Exercises for {data.title}</h2>}
-    {exercises.map(((exercise) => {
-
-      const step: StepBase = {
-        id: 1,
-        uid: exercise.uid,
-        available_points: '1.0',
-      };
-
-      const questionStates = formatAnswerData(exercise.questions).reduce((acc, answer) => {
-        const {id, correct_answer_id} = answer;
-        return {...acc, [id]: {...questionStateFields, correct_answer_id}};
-      }, {});
-
-      return (
-        <ExerciseWrapper key={exercise.uid}>
-          <Exercise
-            key={exercise.uid}
-            canAnswer={true}
-            needsSaved={true}
-            hasMultipleAttempts={false}
-            onAnswerChange={() => undefined}
-            onAnswerSave={() => undefined}
-            onNextStep={() => undefined}
-            apiIsPending={false}
-            canUpdateCurrentStep={false}
-            exercise={exercise}
-            step={step}
-            questionNumber={firstQuestionNumByExercise[exercise.uuid]}
-            numberOfQuestions={exercises.length}
-            questionStates={questionStates}
-            show_all_feedback={true} />
-        </ExerciseWrapper>
-      )
-  }))}
-  </>);

src/components/__snapshots__/ExercisePreview.spec.tsx.snap

@@ -79,10 +79,10 @@ exports[`ExercisePreview using step data matches snapshot with overlay and corre
                       className="openstax-answer"
                     >
                       <section
-                        className="answers-answer disabled answer-selected answer-correct"
+                        className="answers-answer disabled answer-correct"
                       >
                         <input
-                          checked={true}
+                          checked={false}
                           className="answer-input-box"
                           disabled={true}
                           id="1234@5-option-0"
@@ -95,7 +95,7 @@ exports[`ExercisePreview using step data matches snapshot with overlay and corre
                           htmlFor="1234@5-option-0"
                         >
                           <span
-                            aria-label="Selected Choice A:"
+                            aria-label="Choice A:"
                             className="answer-letter-wrapper"
                             data-answer-choice="A"
                             data-test-id="answer-choice-A"
@@ -199,7 +199,7 @@ exports[`ExercisePreview using step data matches snapshot with overlay and selec
     data-task-step-id={1}
   >
     <div
-      className="sc-bczRLJ LfjAZ exercise-step sc-breuTD dSaRVj sc-hAZoDl sc-bjUoiL QazMO hChJgc preview-card is-selected"
+      className="sc-bczRLJ LfjAZ exercise-step sc-breuTD dSaRVj sc-hAZoDl sc-bjUoiL QazMO cePIaL preview-card is-selected"
     >
       <div
         onBlur={[Function]}
@@ -453,10 +453,10 @@ exports[`ExercisePreview using step data matches snapshot with overlay and selec
                       className="openstax-answer"
                     >
                       <section
-                        className="answers-answer disabled answer-selected answer-correct"
+                        className="answers-answer disabled answer-correct"
                       >
                         <input
-                          checked={true}
+                          checked={false}
                           className="answer-input-box"
                           disabled={true}
                           id="1234@5-option-0"
@@ -469,7 +469,7 @@ exports[`ExercisePreview using step data matches snapshot with overlay and selec
                           htmlFor="1234@5-option-0"
                         >
                           <span
-                            aria-label="Selected Choice A:"
+                            aria-label="Choice A:"
                             className="answer-letter-wrapper"
                             data-answer-choice="A"
                             data-test-id="answer-choice-A"
@@ -638,11 +638,11 @@ exports[`ExercisePreview using step data matches snapshot without overlay 1`] =
                       className="openstax-answer"
                     >
                       <section
-                        className="answers-answer disabled answer-selected answer-correct"
+                        className="answers-answer disabled answer-correct"
                       >
                         <input
                           aria-details="feedback-1234@5-0"
-                          checked={true}
+                          checked={false}
                           className="answer-input-box"
                           disabled={true}
                           id="1234@5-option-0"
@@ -655,7 +655,7 @@ exports[`ExercisePreview using step data matches snapshot without overlay 1`] =
                           htmlFor="1234@5-option-0"
                         >
                           <span
-                            aria-label="Selected Choice A:"
+                            aria-label="Choice A:"
                             className="answer-letter-wrapper"
                             data-answer-choice="A"
                             data-test-id="answer-choice-A"