В процессе поиска локаторов вы можете столкнуться с такой проблемой, как ShadowRoot. Возможно, вы уже научились находить локаторы и взаимодействовать с ними, но эта аббревиатура может вызвать у вас затруднения. Давайте разберемся, что такое ShadowRoot и как с ним работать! Shadow DOM применяется для инкапсуляции. Он позволяет компонентам иметь своё «теневое» DOM-дерево, изолированное от основного документа, с собственными CSS-правилами и т. д. Браузер самостоятельно создаёт и отображает такие элементы...

Сегодня мы разберём вариант кастомного placeholder. Часто бывает что в дизайн макетах обязательные поля имеют звёздочку с цветом отличным от цвета текста самой подсказки. Что в итоге мы хотим получить: Штатными средствами браузера покрасить такие звёздочки не является возможным. Но мы можем немного схитрить и подменить placeholder на свой блок, полностью заменяя его. Прежде чем начнём разбираться что тут и как происходит, посмотрим на пример: https://codepen.io/JustRideK/pen/pGQYzw Для начала разберём html разметку 1...