Comments (8)
screenshotDelay: 600
решает проблему. Если присмотреться, то при скролле header подергивается, что может быть причиной невалидных скриншотов. Если перед скриншотом выставить задержку, то гермиона стабильно скриншотит всю страницу без проблем. Это значит, что при скролле что-то все же подтормаживает и во время скриншота страница находится не в статичном положении (я воспроизвел это поведение в Safari - скролл подлагивает)
Спасибо большое. Мне помогли данные настройки.
from hermione.
Посмотрел на разные страницы сайта (https://pulse.ru), который ты тестируешь. Динамической подгрузки данных не увидел, единственное вижу ленивую загрузку изображений, но вместо них всегда есть плейсхолдеры такого же размера. Возможно стоит выставить опцию screenshotDelay в конфиге гермионы, чтобы скриншоты успевали отобразиться. Но вообще их лучше стабать, т.е. на их месте отображать какую-то заглушку.
А можешь показать скриншот, который снимается и скриншот, который должен быть на самом деле? Может тогда проблема понятнее будет.
from hermione.
screenshotDelay: 600
решает проблему. Если присмотреться, то при скролле header подергивается, что может быть причиной невалидных скриншотов. Если перед скриншотом выставить задержку, то гермиона стабильно скриншотит всю страницу без проблем. Это значит, что при скролле что-то все же подтормаживает и во время скриншота страница находится не в статичном положении (я воспроизвел это поведение в Safari - скролл подлагивает)
from hermione.
Спасибо большое. Мне помогли данные настройки.
пожалуйста. Ишью тогда закрываю
from hermione.
Привет.
Предполагаю, что на этих остальных страницах используется ленивая подгрузка данных. При вызове assertView
hermione определяет размер блока, который необходимо снять. Если блок не умещается в один вьюпорт, то выполняется несколько скриншотов с подскроллами страницы. В итоге при ленивой подгрузке данных на каждый скролл увеличивается размер страницы и об этих изменениях hermione не знает. Поэтому в этом случае нужно либо с помощью какого-то флага отключать ленивую подгрузку или же перед выполнением assertView
проскроллить страницу с помощью команды execute
.
from hermione.
execute
Привет. Я правильно понял, что мне в тесте надо прописать данную команд, что вы написали выше ? (execute)
from hermione.
Посмотрел на разные страницы сайта (https://pulse.ru), который ты тестируешь. Динамической подгрузки данных не увидел, единственное вижу ленивую загрузку изображений, но вместо них всегда есть плейсхолдеры такого же размера. Возможно стоит выставить опцию screenshotDelay в конфиге гермионы, чтобы скриншоты успевали отобразиться. Но вообще их лучше стабать, т.е. на их месте отображать какую-то заглушку.
А можешь показать скриншот, который снимается и скриншот, который должен быть на самом деле? Может тогда проблема понятнее будет.
Я извиняюсь на скрине не тот сайт был отображен. Там был тестовый вписан... сам сайт и страница непосредственно вот https://pulse.insure/bicycle/
![main](https://user-image
s.githubusercontent.com/57918887/174260138-dc912594-9565-48ab-a2ef-15a9b2dd6c87.png)
Вот сами некоректные скриншоты. Также прикрепил скриншоты настроек. Можно увидеть перейдя на сайт, что скрины ломаные ( https://pulse.insure/bicycle/ )
Спасибо за помощь!
from hermione.
Посмотрел на разные страницы сайта (https://pulse.ru), который ты тестируешь. Динамической подгрузки данных не увидел, единственное вижу ленивую загрузку изображений, но вместо них всегда есть плейсхолдеры такого же размера. Возможно стоит выставить опцию screenshotDelay в конфиге гермионы, чтобы скриншоты успевали отобразиться. Но вообще их лучше стабать, т.е. на их месте отображать какую-то заглушку.
А можешь показать скриншот, который снимается и скриншот, который должен быть на самом деле? Может тогда проблема понятнее будет.
Ваш вариант не понял пока что как сделать. Если у вас получилось, то можете скинуть сюда. Возможно кому будет полезен, так же я протестирую его для полной уверенности его работы.
Всем спасибо :)
from hermione.
Related Issues (20)
- How to handle runtime errors inside a plugin HOT 3
- Identified problems, with my options for solving them (Hermione 7) HOT 4
- Не работает ховер, если страницу нужно просколлить HOT 8
- Перехватить запросы на внешние ресурсы? HOT 2
- Как сохранить отчет от Гермионы UI версию? HOT 2
- Подключение @wdio/devtools-service HOT 4
- Impossible to use `hermione` with yarn pnp mode HOT 7
- Некорректный тип browser.executionContext.hermioneCtx HOT 2
- Option resetCursor moves the cursor to the center of the screen HOT 2
- Methods of the object stored in hermione.ctx are not passed to the test HOT 9
- Некорректный тип функции `it(` HOT 4
- v9.0.0: Breaking changes
- Use Chrome's new Headless mode HOT 3
- Отсутствуют типы для метода moveCursorTo HOT 1
- Тесты на типы HOT 2
- Perform preliminary research and develop a solution for automatic API reference generation or typings
- moveCursorTo не идентичен moveTo в hermione 7 (move target out of bounds) HOT 5
- hermione.ctx нельзя типизировать HOT 4
- Not clear how to create wrapper and fail test with browser.mock HOT 2
- Add a handy way to screenshot the viewport
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hermione.