Инструкция

Проверка CSS (toHaveCSS)

Проверка CSS (toHaveCSS) ​

Проверка expect: вычисленное CSS-свойство Target равно ожидаемому значению. Имя свойства - Value. Вычисленное значение - expected_value. Оба поля обязательны.

Модель шага ​

action_nametoHaveCSS
ГруппаПроверка
TargetОбязательно
ValueОбязательно (css_property)
expected_valueИспользуется
TEST_ACCOUNTДопустим
Не путать сtoHaveAttribute, toHaveClass

Факты Target/Value совпадают с каталогом источника истины и справочником Шаг автотеста.

Предварительные требования ​

  1. Известны имя свойства и вычисленное значение, как его отдаёт браузер.

Порядок ​

  1. Добавьте шаг toHaveCSS.
  2. Укажите Target.
  3. В Value впишите имя свойства, например color.
  4. В ожидаемое значение впишите вычисленное значение, например rgb(0, 0, 0).
  5. Сохраните.

Шаг сохранён в автотесте. Дальше - соседние шаги или создание запуска автотестов.

Примеры ​

Цвет заголовка ​

Поля в интерфейсе:

ПолеЗначение
action_nametoHaveCSS
Targetkind ROLE, value heading, name Cart
Valuecolor
value_source_typeINLINE
expected_valuergb(0, 0, 0)

Фрагмент JSON шага (copy-paste):

json
{
  "action_name": "toHaveCSS",
  "target": {
    "kind": "ROLE",
    "value": "heading",
    "name": "Cart"
  },
  "value_text": "color",
  "value_source_type": "INLINE",
  "expected_value": "rgb(0, 0, 0)"
}

Частые ошибки ​

  • expected_value обязателен. У toHaveAttribute ожидаемое значение можно не заполнять, у toHaveCSS нельзя.
  • Пишите вычисленное значение, не исходное из таблицы стилей. Цвет часто приходит как rgb(...).

Скриншоты ​

Снимки экрана формы шага с действием toHaveCSS будут добавлены сюда отдельным проходом.

Версия 1.0.0 · Последнее изменение 2026-10-03

Страница не помогла?