Возможно, не каждый знает о таком понятии, как селектор в CSS. Так называют описание элемента (а иногда и целой группы). Зачем это нужно? Можно показать браузеру, что именно нужно выбирать и впоследствии применять определенные стили.
Не совсем непонятно? Тогда давайте изучим некоторые css selectors for test automation, чтобы немного прояснилось. Первый вариант, заслуживающий нашего внимания, — это селектор по классу Х.
Известна ли вам разница между понятиями class и id? Бывает так, что на странице встречается несколько элементов с одним классом. Идентификатор кардинальным образом отличается, ведь он уникален. Его использование возможно лишь для 1 элемента!
Давайте повторим. Классы – это идеальный вариант, если один стиль должен быть использован к разным элементам. Идентификатор может быть применен лишь к отдельному элементу (например, одна конкретная ссылка из множества ссылок на странице).
Узнать о CSS селекторах, а также прочитать иную полезную информацию по теме test automation, вы сможете на сайте www.stijit.com. Там представлено немало интересных материалов. Правда, на английском языке, поэтому нужно будет немного попрактиковаться в переводе.
Наверное, для кого-то это покажется странным, но есть CSS селектор буквально для каждого элемента на странице. Обозначается как «*». Зачем используется? Некоторые разработчики таким образом стараются «сбросить» отступы (padding и margin).
Но на практике советуем так не делать. По факту данный CSS селектор является довольно тяжелым для браузера, ведь приходится перебирать все элементы, представленные на странице.
«Звездочка» может использоваться, чтобы выделить каждый дочерний элемент. Однако все равно «тяжеловесность» селектора от этого никуда не уходит. Поддерживается «*» браузерами Opera, Safari, Firefox и Chrome.