← Все примеры

Показать атрибуты data-testid

Добавляет рядом с каждым элементом с data-testid небольшую метку с его значением — удобно для E2E-тестов.

Код для копирования

[data-testid]::after {
  content: "testid=" attr(data-testid);
  display: inline-block;
  background: #504945; color: #fbf1c7;
  font: 10px monospace; padding: 1px 4px;
  margin-left: 4px; border-radius: 3px;
  vertical-align: middle;
}

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.