feat(client): parse test 'text' as markdown (#39176)

client/src/templates/Challenges/components/test-suite.css

@@ -19,6 +19,10 @@
   padding: 5px 10px;
 }
 
+.test-output p {
+  margin: 0;
+}
+
 .test-status-icon {
   display: flex;
   align-items: center;

tools/challenge-md-parser/__snapshots__/tests-to-data.test.js.snap

@@ -5,7 +5,7 @@ Object {
   "tests": Array [
     Object {
       "testString": "assert.isTrue((/hello(\\\\s)+world/gi).test($('h1').text()), 'Your <code>h1</code> element should have the text \\"Hello World\\".');",
-      "text": "Your <code>h1</code> element should have the text \\"Hello World\\".",
+      "text": "<p>Your <code>h1</code> element should have the text \\"Hello World\\".</p>",
     },
   ],
 }

tools/challenge-md-parser/tests-to-data.js

@@ -34,6 +34,12 @@ function plugin() {
           );
           tests.question.text = mdToHTML(tests.question.text);
         }
+        if (tests.tests) {
+          tests.tests = tests.tests.map(({ text, testString }) => ({
+            text: mdToHTML(text),
+            testString
+          }));
+        }
         file.data = {
           ...file.data,
           ...tests