As you may have heard, @no-stack-dub-sack and @Weezlo have been hard at work building projects with testable user stories. We are looking for a few volunteers to attempt to build these based on their automated tests.
The goal is for campers to be able to build these projects step by step following user stories. This will make the projects less intimidating and more fun. Oh, and donāt worry - weāll still have plenty of optional projects where we donāt provide you with any tests. And if youāve previously built these projects, you donāt need to build them again.
If youāre interested in attempting this, please reply to the thread and let us know youāve started it. The more people who want to build this, the better, as we can start gathering feedback.
Here are the user stories for campers to reference:
Content:
My tribute page should have a main <div> element with corresponding id="main", which contains all other elements.
I should see an <h1> element with corresponding id="title", which contains a string (text) that describes the subject of the tribute page (e.g. "Dr. Norman Borlaug").
I should see a <div> element with corresponding id="img-div".
Within the "img-div" element, I should see an <img> element with a corresponding id="image".
Within the "img-div" element, I should see an element with a corresponding id="img-caption" that contains textual content describing the image shown in "img-div".
I should see an element with a corresponding id="tribute-info", which contains textual content describing the subject of the tribute page.
I should see an <a> element with a corresponding id="tribute-link", which links to an outside site that contains additional information about the subject of the tribute page. HINT: You must give your element an attribute of target and set it to "_blank" in order for your link to open in a new tab (i.e. target="_blank").
Layout:
The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.
The <img> element should be centered within its parent element.
@QuincyLarson@P1xt - Bootstrap does come pre-loaded in the pen, and for the time being it needs to stay that way, as it is a dependency of the testing suite. However, by no means are campers required to use Bootstrap. By the time this all gets rolled out, bootstrap will be bundled in to the test suite and campers will only have one dependency pre-loaded in their pens.
@P1xt - the more and more I look at the test that is still failing, the more and more I realize it is not even a necessary test. I think we will likely delete this user story. In which case, all of your tests would pass.
HINT: You must give your <a> element an attribute of target and set it to "_blank" in order for your link to open in a new tab. is included on both user story 6 and user story 7, when it only seems necessary on 7.
And out of curiosity, for user story 1 is there a reason for the <div id="main"> as opposed to the <main> element?
@chznbaum sorry, thatās my bad, I updated the links yet again, but forgot that I had made that post, please see the OP for the correct links to the test suites. Sorry, I know this is a little late, Iāve been totally swamped lately!
@BenGitter Hey man, thanks for triaging this and getting it to the right place! Iāve recently added a āreport bugā button to the test suite, so hopefully folks will now click that link which will take them to a new issue page on the repo. Iāll look into this one!
Iām thrilled to announce that our testable challenges now feature a link you can click to report a bug or submit feedback.
Iām closing this topic. We can continue discussing specific issues as they come up over on the testable-projects-fcc repo. Happy coding and QAāing!