hi !!!Need help!!! I was doing survey form, I finished the html coding passed the all the tests, Survey was ugly I started styling in CSS just in case run the test now it’s passing only 9 of 17(((( What is wrong what did I Can you look at my job it’s ugly I know( I am so dissapointed that I wasted so much time and should do all over again? https://codepen.io/manshuk89/pen/RwbepYz
Hi @manshuk89
you had some unnecessary <form> tags that caused the test suite to fail. You only need the outer most one with the id="survey-form".
<form id="survey-form">
<label id="name-label">Name
<input id="name" required name="name" type="text" placeholder="Enter your name"/>
</label>
<label id="email-label">Email
<input id="email" required email="email" type="email" placeholder="Enter your email"/>
</label>
<label id="number-label">Age
<input id="number" required number="number" type="number" min="10" max="100" placeholder="10"/>
</label><br>
<p><label id="dropdown-label" for id="dropdown">What was your first impression with the restaurant?<br/><select class="input-field" id="dropdown" placeholder="select an option"><br>
ETC. ...
If you click on the “Tests x/17” button you get a detailed break-down why things aren’t working. If you make changes, like the styling you mentioned, it is helpful to run the tests often in between, to notice early if anything broke. (See also the concept of “Test Driven Development” or TDD, still somewhat overkill at this stage, but a very powerful mental modal to be familiar with.)
After clicking Run tests, a red button with number of tests passed will appear i.e. 9/17
then click the red button with 9/17. A dialog will appear indicating all the errors, where they occur and why. I got that information from a helpfull usser before. I think it might be helping u out as well.It only works in chrome thou.
thank you so much for reply, yes I know that test run buttons.now I get some points that I had to make styling together with HTML coding I did first only HtML part at the end CSS.