Markdown Previewer Project fails 1/8 Tests

JavaScript
1

Hi,

I finished the Markdown Previewer Project and it works works ok. But it fails 1/8 Tests and I can’t see the reason. Is it something I miss? Here is the online link of the project: [https://monicalaura.github.io/my-markdown/](http://My Markdown)
Here is my component Markdown:

class MyMarkdown extends React.Component {

   

      state = {

        markdown:  `I am a Heading\n=======\n\n I am a Sub-heading\n-----------\n

        \n### I am a smaller heading\n \nParagraphs are separated\nby a 

       blank line.\n\nLeave 2 spaces at the end of a line to do a  \nline

        break\n\nText attributes *italic*, **bold**, or, wow... **_both italic and bold!_** \n'monospace',

        ~~strikethrough~~ .\n\nUnordered list:\n\n  * bananas\n  * kiwi\n  * oranges\n

        \n\nNumbered list:\n\n  1. milk\n  2. eggs\n  3. butter\n 

        Hey, you can also ~~cross stuff out~~.

       

        ### More awesome stuff:

  

        Some code, \`<div></div>\`, between 2 backticks.

          

There's also [links](https://www.google.com) \n

*Life is more beautiful with embedded images:

  ![React Logo w/ Text](https://goo.gl/Umyytc) `

     

    }

  

    writeMarkdown = function(markdown){

      this.setState({

        markdown

      });

    }

  

    render() {

     let {markdown} = this.state;

      return (<div className='row'>

                <div className='col-md-6'>

                   <h4 className="text-center">Input</h4>

                  <textarea rows="20" cols="60"

                    type='text'

                    value={markdown}

                    onChange={(event) => this.writeMarkdown(event.target.value)}

                    id='markdown'

                    className='col-xs-10'>

                    </textarea>

                </div>

              

                  <div dangerouslySetInnerHTML={{__html:marked(markdown)}}  id='htmlArea' className=' col-md-6 col-xs-10 '>

                                             

                  </div>

                </div>

              

        );

    }

  }

  export default MyMarkdown

My browser: Chrome Version 79.0.3945.130 (32-bit)

User Agent is: Mozilla/5.0 (Windows NT 6.1; rv:72.0) Gecko/20100101 Firefox/72.0.

Challenge: Build a Markdown Previewer

Link to the challenge:

2

If you click the red button it will tell you what tests are failing and why. For example, you seem to be missing some of the needed ids on some elements.

3

Thank you, it’s fixed. I didn’t put the right identifiers on the elements… :slightly_smiling_face: