diff --git a/curriculum/challenges/english/03-front-end-libraries/react/render-state-in-the-user-interface.english.md b/curriculum/challenges/english/03-front-end-libraries/react/render-state-in-the-user-interface.english.md index ce2d6dd472..52712f5697 100644 --- a/curriculum/challenges/english/03-front-end-libraries/react/render-state-in-the-user-interface.english.md +++ b/curriculum/challenges/english/03-front-end-libraries/react/render-state-in-the-user-interface.english.md @@ -31,7 +31,8 @@ tests: - text: MyComponent should render an h1 header enclosed in a single div. testString: assert(/

.*<\/h1><\/div>/.test(Enzyme.mount(React.createElement(MyComponent)).html())); - text: The rendered h1 header should contain text rendered from the component's state. - testString: 'async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: ''TestName'' }); return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); assert(firstValue === ''

TestName

'');};' + testString: | + async () => { const waitForIt = (fn) => new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250)); const mockedComponent = Enzyme.mount(React.createElement(MyComponent)); const first = () => { mockedComponent.setState({ name: 'TestName' }); return waitForIt(() => mockedComponent.html()) }; const firstValue = await first(); const getValue = firstValue.replace(/\s/g, ''); assert(getValue === '

TestName

'); }; ```