Pokaż atrybuty data-testid
Dopisuje obok każdego elementu z atrybutem data-testid małą etykietkę z jego wartością — przydatne dla testów E2E.
Kod do skopiowania
[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;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.