Misleading hint message after failing the test

Describe the Issue

I nested an img element withing the figure element, then set the wrong link to the src attribute and checked the code but it hints that I should have a third img element nested in the figure element.

Affected Page

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-28

Your code

<figure>
  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg">
</figure>

Expected behavior

I excpected the hint to tell me that I typed a wrong src value.

Screenshots

System

• Device:Laptop
• OS: Ubuntu 20.04
• Browser: Chrome
• Version: 101.0.4951.64

Additional context

No response

[Sboonny]

I think that’s a good idea.

thank you 🤍.

yes I do think changing that test would be better. I will be honest, although that sounds logical in my head, I haven’t tested it out. so there is a chance that my code won’t work. 😅

[benjaminJohnson2204]

Oh, I understand now. I think that’s a good idea. So you’re saying we could use that test instead of the test below?

The third image should have an src attribute.

const catsImg = document.querySelectorAll('figure > img')[1];
assert(
catsImg &&
catsImg.getAttribute('src')
);