-
Notifications
You must be signed in to change notification settings - Fork 127
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
fix(): w3c validation and position text validation #3463
base: 5.x
Are you sure you want to change the base?
Conversation
<ValidationContainer ref={this.refContainer}> | ||
<ValidationWrapper validationInfo={this.validateSex()}> | ||
<Checkbox | ||
checked={this.state.checked ? this.state.checked : false} |
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.
как будто checked={this.state.checked ? this.state.checked : false}
можно поменять на checked={this.state.checked}
@@ -4,7 +4,7 @@ import ValidationType from './ValidationType/ValidationType.md'; | |||
import ErrorMessages from './ErrorMessages/ErrorMessages.md'; | |||
import FormValidity from './FormValidity/FormValidity.md'; | |||
import ScrollToValidation from './ScrollToValidation/ScrollToValidation.md'; | |||
// import FeatureFlagsContext from './FeatureFlags/FeatureFlagsContext.md'; // TODO включить когда появятся фиче-флаги | |||
import FeatureFlagsContext from './FeatureFlags/FeatureFlagsContext.md'; // TODO включить когда появятся фиче-флаги |
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.
// TODO включить когда появятся фиче-флаги
теперь не нужно?
@@ -38,6 +38,10 @@ describe('ErrorRenderer', () => { | |||
expect(screen.getByTestId(dataTid)).toBeInTheDocument(); | |||
}); | |||
|
|||
/* |
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.
мб лучше удалить тесты? какой смысл комментированными оставлять?
Проблема
Было несколько проблем связанных со span или его убиранием:
Решение
Заменила использование span на div в ValidationContainer, ValidationContextWrapper, ValidationText, ValidationWrapperInternal.
Решение занесла под фиче-флаг, который включен. Сделала так, для проверки всех тестов. Если будем успевать влить решение до выпуска 5.0, фиче-флаг стоит убрать.
ValidationContainer -- добавлены тесты на:
ErrorRenderer -- закомментировала тесты 'should not render text error message when validationInfo is not provided' и 'should not render tooltip error message when validationInfo is not provided', так как сейчас у нас нет возможности тестировать по data-tid'у отсутствие валидации.
Ссылки
IF-1692 -- Tooltip выравнивается по тексту -> теперь Tooltip выравнивается по тексту
IF-1689 -- заменить span на div под фиче-флагом -> теперь не ломается валидация W3C, текстовая валидация закреплена за полем. НО ширина в процентах по прежнему не работает. Обсуждали этот момент с Мишей, но не удалось придумать решения для этого пункта.
IF-1684 -- удаление span под фиче-флагом вызывает неправильное позиционирование текста ошибки -> span решили не удалять, а заменить на inline div.
Чек-лист перед запросом ревью
Добавлены тесты на все изменения
✅ unit-тесты для логики
⬜ скриншоты для верстки и кросс-браузерности
⬜ нерелевантно
Добавлена (обновлена) документация
✅ styleguidist для пропов и примеров использования компонентов
⬜ jsdoc для утилит и хелперов
⬜ комментарии для неочевидных мест в коде
⬜ прочие инструкции (
README.md
,contributing.md
и др.)⬜ нерелевантно
Изменения корректно типизированы
✅ без использования
any
(см. PR2856
)⬜ нерелевантно
Прочее
✅ все тесты и линтеры на CI проходят
✅ в коде нет лишних изменений
✅ заголовок PR кратко и доступно отражает суть изменений (он попадет в changelog)