diff --git a/client/components/CandidateReview/CandidateTestPlanRun/InstructionsRenderer.jsx b/client/components/CandidateReview/CandidateTestPlanRun/InstructionsRenderer.jsx index b363cc9d7..abc0eff0f 100644 --- a/client/components/CandidateReview/CandidateTestPlanRun/InstructionsRenderer.jsx +++ b/client/components/CandidateReview/CandidateTestPlanRun/InstructionsRenderer.jsx @@ -3,7 +3,10 @@ import PropTypes from 'prop-types'; import styled from '@emotion/styled'; import { Button } from 'react-bootstrap'; import { unescape } from 'lodash'; -import { parseListContent } from '../../TestRenderer/utils'; +import { + parseListContent, + parseSettingsContent +} from '../../TestRenderer/utils'; import { userCloseWindow, userOpenWindow @@ -120,8 +123,10 @@ const InstructionsRenderer = ({ let allInstructions; const isV2 = testFormatVersion === 2; + let settingsContent = []; if (isV2) { + // There is at least one defined 'setting' for the list of AT commands const commandSettingSpecified = renderableContent.commands.some( ({ settings }) => settings && settings !== 'defaultMode' ); @@ -144,6 +149,10 @@ const InstructionsRenderer = ({ setupScriptDescription + '.', testInstructions + ' ' + settingsInstructions ].map(e => unescape(e)); + settingsContent = parseSettingsContent( + renderableContent.instructions.mode, + renderableContent.target.at.raw.settings + ); } else { allInstructions = [ ...pageContent.instructions.instructions.instructions, @@ -168,8 +177,12 @@ const InstructionsRenderer = ({ return ( <> {allInstructionsContent} - Assertions + + {pageContent.instructions.assertions.header} + {pageContent.instructions.assertions.description} {assertionsContent} + {settingsContent.length ? settingsContent : null} +