Use git diff --numstat

Use the remark-gfm NPM package. And use it as a plugin with ReactMarkdown.

Import it:

import remarkGfm from "remark-gfm";

And then use it as a plugin with ReactMarkdown:

<ReactMarkdown children={markdown} remarkPlugins={[remarkGfm]} />

You can read more in the ReactMarkdown documentation: https://github.com/remarkjs/react-markdown#use.

Use more than three backticks.

You can use three or more backticks to define a code snippet in Markdown.

So use four backticks to define your code snippet. And then use three inside the code snippet.

# Markdown Title

Code snippet inside of Markdown:

````html

```
<p>My code snippet</p>
```

````

This will preserve the three backticks inside your code snippet.

To close your nano editor: ctrl+x.

To save and then close: ctrl + x, then y, then enter.

You'll want to find the list and use the have.length Cypress method to test how many items are in the list:

Something like this:

cy
  .get('ul')
  .find('li')
  .should('have.length', 4);

This would grab your <ul> list and assert that there are 4 <li> elements in the list.

Read more about the length property here: https://docs.cypress.io/guides/references/assertions#Length.