Tell us what’s happening:
My renderCard function includes a and an element with the classes card-img hidden, but the test still fails with the message:
“Your div should have a class img-loader.”
I’ve checked the spelling, removed and re-added the class, verified that the HTML is valid, and even tried changing the structure, but the same test keeps failing. Could someone help me identify what I’m missing or explain why the test is not recognizing the img-loader class?
Your code so far
<!-- file: index.html -->
/* file: styles.css */
/* file: index.ts */
// User Editable Region
<div class="img-loader">
<img
class="card-img hidden"
src="${img ? `${CDN_URL}/${img}` : LOCAL_DEFAULT_IMG}"
/>
</div>
// User Editable Region
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36 Edg/149.0.0.0
Challenge Information:
Build a Fortune Telling App - Step 13