Add Comments in JSX

Describe your problem and how to reproduce it: On the “React: Add Comments in JSX” page instructions are: “Add a comment somewhere within the provided div element, without modifying the existing h1 or p elements.”

And So I entered

const JSX = (
  <div> {/*test*/}
    <h1>This is a block of JSX</h1>
    <p>Here's a subtitle</p>
  </div>
);

This doesn’t affect the h1 or p tags, and yet it fails to pass the test.

Add a Link to the page with the problem: https://learn.freecodecamp.org/front-end-libraries/react/add-comments-in-jsx

Tell us about your browser and operating system:

• Browser Name: Chrome
• Browser Version: Latest
• Operating System: MacOSX

If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box):

[richb999git]

Like this:

• text: The div should contain an h1 tag as the first element. testString: assert(JSX.props.children[0].type === ‘h1’ || JSX.props.children[1].type === ‘h1’, ‘The div should contain an h1 tag as the first element.’);
• text: The div should contain a p tag as the second element. testString: assert(JSX.props.children[1].type === ‘p’ || JSX.props.children[2].type === ‘p’ || JSX.props.children[3].type === ‘p’, ‘The div should contain a p tag as the second element.’);

In the challenge files (this is the English version): \freeCodeCamp\curriculum\challenges\english\03-front-end-libraries\react\add-comments-in-jsx.english.md

[richb999git]

It appears that if you add a comment on the same line as a tag with a space before it it adds it as a child. This means the tests then are looking at the wrong children. If you add a comment on a new line it’s ok. If you add a comment after a tag without a space between the tag and the comment it’s ok. I think you could test for h1 tag being child 0 or 1 and p tag being child 1, 2 or 3. Is that an acceptable test?