diff --git a/packages/learn/src/templates/Challenges/components/Test-Suite.js b/packages/learn/src/templates/Challenges/components/Test-Suite.js
index 10c360ce77..98e9045ec0 100644
--- a/packages/learn/src/templates/Challenges/components/Test-Suite.js
+++ b/packages/learn/src/templates/Challenges/components/Test-Suite.js
@@ -13,6 +13,7 @@ const propTypes = {
function getAccessibleText(err, pass, text) {
let accessibleText = 'Waiting';
+ const cleanText = text.replace(/<\/?code>/g, '');
// Determine test status (i.e. icon)
if (err) {
@@ -22,7 +23,7 @@ function getAccessibleText(err, pass, text) {
}
// Append the text itself
- return accessibleText + ' - ' + text;
+ return accessibleText + ' - ' + cleanText;
}
function TestSuite({ tests }) {
diff --git a/packages/learn/src/templates/Challenges/components/icons/GreenNotCompleted.js b/packages/learn/src/templates/Challenges/components/icons/GreenNotCompleted.js
index fc248e85c3..baff59e0e4 100644
--- a/packages/learn/src/templates/Challenges/components/icons/GreenNotCompleted.js
+++ b/packages/learn/src/templates/Challenges/components/icons/GreenNotCompleted.js
@@ -1,31 +1,34 @@
-import React from 'react';
+import React, { Fragment } from 'react';
const propTypes = {};
function GreenNotCompleted(props) {
return (
-
+
+ Not Passed
+
+
);
}
diff --git a/packages/learn/src/templates/Challenges/components/icons/GreenPass.js b/packages/learn/src/templates/Challenges/components/icons/GreenPass.js
index 440924b49a..6b5c74c547 100644
--- a/packages/learn/src/templates/Challenges/components/icons/GreenPass.js
+++ b/packages/learn/src/templates/Challenges/components/icons/GreenPass.js
@@ -1,52 +1,55 @@
-import React from 'react';
+import React, { Fragment } from 'react';
function GreenPass(props) {
return (
-
+
+ Passed
+
+
);
}