Нестабильный размер скриншотов, нестабильный маленький диф на одном и том же тексте about hermione HOT 5 CLOSED

Привет.

Скриншоты иногда берутся чуть-чуть разного размера или с небольшим отступом.

Такое ощущение, что тут для нового изображения либо отступ добавился, либо тень. Но такое падение тогда должно воспроизводится стабильно. А судя по твоему описанию оно плавает что ли? Т.е. иногда диффа нет, а иногда есть?

А тут у нового скрина захватывается немного слева и справа от карточки:

Нужно открыть страницу которую ты тестуриешь и посмотреть в devtools, что там добавляется вокруг изображения.

Непонятного происхождения диф на тексте, например:

По первому же изображению видно, что сдвинулось второе слово "цикла". Т.е. похоже изменился отступ между словами. Предлагаю обновить версию html-reporter до 9 версии в которую были добавлены различные режимы сравнения скриншотов. Подробнее тут - https://github.com/gemini-testing/html-reporter/releases/tag/v9.0.0. С помощью режима Switch ты увидишь, что текст сдвинулся. Так же добавится размер скриншотов и будет видно, что ширина actual тоже уменьшилась.

Помогите, пожалуйста, починить?

Чтобы посмотреть своими глазами не хватает реального теста в котором твоя проблема воспроизводится. Имеется ввиду какой-то minimal case в котором открывается тот же сайт (или какой-то другой) на котором воспроизводятся описанные тобой проблемы.

from hermione.

Closed due to not activity. If there will be other questions create a new issue. Thank you.

from hermione.

Такое ощущение, что тут для нового изображения либо отступ добавился, либо тень. Но такое падение тогда должно воспроизводится стабильно. А судя по твоему описанию оно плавает что ли? Т.е. иногда диффа нет, а иногда есть?

Всё верно, диф плавает.

Нужно открыть страницу которую ты тестуриешь и посмотреть в devtools, что там добавляется вокруг изображения.

Ничего не добавляется. html-reporter до 9 версии обновили, спасибо.

Чтобы посмотреть своими глазами не хватает реального теста в котором твоя проблема воспроизводится. Имеется ввиду какой-то minimal case в котором открывается тот же сайт (или какой-то другой) на котором воспроизводятся описанные тобой проблемы.

Пробовала воспроизвести на других случайных сайтах — не повторяется. Видимо проблема не в тестах, а в сайте. Спасибо. Извините, что не вышло ответить раньше.

from hermione.

Ничего не добавляется. html-reporter до 9 версии обновили, спасибо.

Что-то все таки должно добавляться иначе бы диффа не было. Если ты тесты гоняешь в хроме, то можешь попробовать запустить тест локально с использованием опции - automationProtocol: devtools. В этом случае браузер у тебя запустится локально и например после выполнения assertView можешь вызвать pause с большим значением и посмотреть в запущенном браузере, что же там со снимаемым элементом происходит (через devtools).

Спасибо. Извините, что не вышло ответить раньше.

Пожалуйста.

from hermione.

Нашла причину проблемы, вернулась написать, может кому-то пригодится.

Плавающий диф на тексте/шрифте:

Периодически прилетала интеграция, которая грузила шрифт с таким же именем, но немного отличающийся внешне. Интеграция прилетала не в 100% случаев, шрифт перебивался раз на раз. Как вариант решения — добавить в font-family своим шрифтам постфикс. Что-то, что наверняка не появится в названии сторонних шрифтов, например, имя проекта.

Плавающий размер скринов:

У карточек серый фон, при ховере появляется слабая серая тень — серый на границе тени и фона карточки очень близки. Вариант решения — перекрывать у компонентов тень при наведении и делать скрин без тени.

Только осталось некоторое непонимание/вопрос — скриншот разве не должен ограничиваться шириной и высотой указанного элемента? Вроде бы тень за его пределами не должна влиять? На сколько знаю, тень не влияет на габариты/положение элемента.

from hermione.