feat: display the correct answer on options challenges (#1481)

* Display the correct answer on options challenges Brings the options challenges in line with other challenge types by giving the user feedback on the correct choice when they select an incorrect answer. * Add correct answer to options feature test
kantord · Jul 30, 2021 · 2812718 · 2812718 · vercel · Jul 30, 2021
1 parent 8a023cc
commit 2812718
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/apps/web/cypress/integration/optionSelection.feature b/apps/web/cypress/integration/optionSelection.feature
@@ -30,4 +30,5 @@ Feature: Option selection challenge
     And I select an incorrect option
     And I click "Submit"
     Then I read "Incorrect solution"
+    And I read "Correct answer: perro"
     And I see a "Continue" button
diff --git a/apps/web/src/components/OptionChallenge/index.svelte b/apps/web/src/components/OptionChallenge/index.svelte
@@ -77,6 +77,7 @@
     {#if !options[selectedOption].correct}
       <ChallengePanel
         message="Incorrect solution!"
+        messageDetail="{`Correct answer: ${currentChallenge.formInTargetLanguage}`}"
         buttonText="Continue"
         incorrect
         buttonAction="{finishChallenge}" />