Tribute Page beta challenge id="img-div" not recognizing child id's "image" and "img-caption" about testable-projects-fcc

[no-stack-dub-sack]

@DarrenfJ you can go ahead and re-fix your pen if you'd like - I've forked your project here to preserve the issue. Thanks for reporting this! I'll look into this and should be able to fix.

Just to clarify though, on my end it seems to be failing #Content tests 4 & 5 and #Layout test 2 - not the last 3 tests, is that what you're seeing on your end? It's consistent with what you're describing as to why the tests fail

[no-stack-dub-sack]

@DarrenfJ Thanks again for pointing this out - I've fixed the tests so now the broken one that I forked to preserve has all tests passing (with your original code). The issue was that the test was previously assuming id="image" & id="img-caption" would be a direct descendents of id="img-div", so it was checking for their direct parent, expecting it to be "img-div" when really, in this case, it was the div with class "text-center".

So I refactored the tests to use jQuery's find() method which can find a child element nested at an arbitrary depth.

The last test was failing for a different reason - because it was trying to grab the id of the immediate parent element, which in this case, the <a> element did not have an id. So this is fixed as well.

However, I did want to point out that, even though this did not affect the tests, you do have an unclosed tag in your example. The anchor tag surrounding the image was not closed, I closed it here:

Anyway, no big deal! Thanks again for helping to improve this!

[DarrenfJ]

Thanks for pointing that out and glad I could have been some help.. 😃