У меня есть компонент React, который будет обрезать длинный текст с помощью многоточия. В случае добавления пропеллера line-count=2
он будет использовать line-clamp
, чтобы сделать это по нескольким строкам .
Теперь, как мне проверить, что это действительно происходит в выводе, сгенерированномбраузер (как видит пользователь)? CSS-преобразования ничего не изменяют в DOM, поэтому, если бы я получил блок элементов и протестировал innerText
, это не будет показывать какие-либо преобразования текста, которые произошли в браузере.
Можно ли это сделать с помощью сценариев DOM на стороне клиента а-ля react-testing-library
или мне понадобится более тяжелый вариант, например Selenium или OCR ( way слишком тяжелый)?