Eine bessere Übersetzung Umschreibung für text-overflow ist mir nicht eingefallen 🙃
In jQuery ginge das so:
|
1 2 3 4 5 6 7 8 |
$.expr[':'].truncated = function (e) { // ggf. Style checken, bspw. // $(e).css('text-overflow') === 'ellipsis' return e.offsetWidth < e.scrollWidth; }; // dann: let items = $('.your-selector:truncated'); |
Cross-post; basiert auf den Antworten hier. Bonus: In Selenium geht das so:
|
1 2 3 4 5 6 7 8 9 10 |
WebElement element = ...; // element is truncated? double offsetWidth = Double.parseDouble(element.getAttribute("offsetWidth")); double scrollWidth = Double.parseDouble(element.getAttribute("scrollWidth")); assertThat(offsetWidth < scrollWidth).isTrue(); // truncation style is ellipsis? String overflowStyle = element.getCssValue("text-overflow"); assertThat(overflowStyle).isEqualTo("ellipsis"); |
bäm.