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 - - - + + Not Passed + + + 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 - - - - - + + Passed + + + Passed + + + + + + ); }