Content Clarity about react-hooks-props-basics-lab

[ihollander]

Hi @bdenney - thanks for your feedback! In this case, the tests are checking for the text that's displayed on the page for a couple reasons. One is accessibility: if a user of the application we're building in the lab is using a screenreader, they would use the text content to determine what content is on the page, and our tests are written with that in mind whenever possible.

Another is that the demo image and the deliverables both show that this feature should display the link as text, though this could be made clearer in the instructions:

• an <a> element with its href and text set to the user's Github link, passed
  down as a prop
• a second <a> element with its href and text set to the user's LinkedIn
  link, passed down as a prop

I'll make some updates to this lesson to clarify. We'll also look into adding more information on how to read the tests in an earlier lesson so students are able to understand more clearly what the test is expecting in their components.

[ihollander]

Added material to an earlier lab to help explain test code: learn-co-curriculum/react-hooks-running-tests#7

[bdenney]

screen.debug() is clutch! 👯 Thanks for the additional clarity 😄