-
Notifications
You must be signed in to change notification settings - Fork 629
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
solution #665
solution #665
Conversation
Taras0506
commented
Apr 10, 2023
•
edited
Loading
edited
- DEMO LINK
- TEST REPORT LINK
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please check the links, add the report and fix your code according to checklist. Please add all needed fields as shown in the task.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
check demo links.
they does not work
<label class="form-field"> | ||
Surname: | ||
<input |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<label class="form-field"> | |
Surname: | |
<input | |
<label class="form-field"> | |
Surname: | |
<input |
<label class="form-field"> | ||
How old are You? | ||
<input |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<label class="form-field"> | |
How old are You? | |
<input | |
<label class="form-field"> | |
How old are You? | |
<input |
check and fix other places of wrong indentation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
still not fixed
src/index.html
Outdated
<label> | ||
<input | ||
type="radio" | ||
name="sex" | ||
value="m" | ||
> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<label> | |
<input | |
type="radio" | |
name="sex" | |
value="m" | |
> | |
<label> | |
<input | |
type="radio" | |
name="sex" | |
value="m" | |
> |
src/style.css
Outdated
.field::placeholder { | ||
color: green; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
.field::placeholder { | |
color: green; | |
} |
redundant
Hi, please write how its correct? |
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
if you have some problems with deploy, feel free to ask about it in the slack chat!
src/index.html
Outdated
<option selected>BMW</option> | ||
<option selected>Audi</option> | ||
<option>Lada</option> | ||
<option></option> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There is an empty <option>
element in the select field for favorite brand of cars. You can remove it or add a value to it, such as 'Other'. 🚗
src/index.html
Outdated
<input | ||
name="feedback" | ||
placeholder="mm/dd/yyyy" | ||
rows="1" | ||
cols="20" | ||
> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It should be an input with a date
type. And why do you need rows and cols attributes here?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Its doesn
t logic, you right!
Add type="date"
src/index.html
Outdated
<script type="text/javascript" src="./main.js"></script> | ||
<form | ||
action="http://localhost:3000/api" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I can`t open this link. I must insert instead this link in line action ?
<label class="form-field"> | ||
Surname: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Check the code style
<label class="form-field"> | |
Surname: | |
<label class="form-field"> | |
Surname: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
still not fixed
src/index.html
Outdated
rows="1" | ||
cols="20" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove these rows and sols everywhere, please
src/index.html
Outdated
</label> | ||
<label class="form-field"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Don't forget to add empty lines between multiline sibling blocks of HTML
</label> | |
<label class="form-field"> | |
</label> | |
<label class="form-field"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fix the demo link.
Explain please how to fix it? I understand that it |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I fixed demo link in PR description (was missed /
in url)
Test report link still not works.
Try to run npm test locally and deploy again.
If test report link stiil will be wrong, make screenshot with tests and show it in PR
src/style.css
Outdated
.field:invalid { | ||
border: 1px solid red; | ||
} | ||
|
||
.field:focus { | ||
background-color: azure; | ||
} | ||
|
||
.field:checked ~ .form__label { | ||
color: grey; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
.field:invalid { | |
border: 1px solid red; | |
} | |
.field:focus { | |
background-color: azure; | |
} | |
.field:checked ~ .form__label { | |
color: grey; | |
} |
looks like redundant styles for this task
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
if you have any problems with the deploy, ask it in the chat, we will be able to help you as soon as possible
<label class="form-field"> | ||
How old are You? | ||
<input |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
still not fixed
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
report link still does not work
<label class="form-field"> | ||
Surname: | ||
<input | ||
name="feedback" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The 'name' attribute should be unique for each input field. Please change the 'name' attribute for the Surname input field to something like 'surname'.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hi! What does look like this link ? Why it |
<label class="form-field"> | ||
Name: | ||
<input | ||
surname="feedback" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The attribute for the Name input should be 'name' instead of 'surname'
type="range" | ||
id="rate" | ||
min="0" | ||
> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The 'name' attribute is missing for the How do you rate your work range input
</label> | ||
<div class="form_field"> | ||
What are your favorite brand of cars? | ||
<select name="text"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The 'name' attribute for the favorite brand of cars select input should be 'brand' or a more descriptive name instead of 'text'
<label class="form-field"> | ||
Surname: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
still not fixed
if you have any problems with the deploy, ask it in the chat, we will be able to help you as soon as possible |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
reports link still does not work, and all prev comments are not resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
About wrong test report link.
Ran your project locally.
A lot of tests failed.
First of all run tests locally (npm test), compare reference and test and fix them.
For success deploy tests link should be backstop folder in project.
For fix tests check class names form-field (in some places it is form_field)
add class for fieldset and such styles
margin-bottom: 20px;
padding-bottome: 0
and for form-field
.form-field {
display: block;
margin-bottom: 10px;
}
if test demo link will be wrong at least fix tests locally and add screenshot as above but with correct tests.
and if you have any questions about how to fix tests - feel free to ask in fe_chat
<label class="form-field"> | ||
What time do you go to bed? | ||
<input |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<label class="form-field"> | |
What time do you go to bed? | |
<input | |
<label class="form-field"> | |
What time do you go to bed? | |
<input |
still not fixed in all similar places
<option>Other</option> | ||
</select> | ||
</div> | ||
<label for="start"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<label for="start"> | |
<label for="rate"> |
for and id in input should be the same
value="--:--:--" | ||
> | ||
</label> | ||
<div class="form_field"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div class="form_field"> | |
<div class="form-field"> |