Selenide. Получение qr кода и его проверка

webdriver selenide
, ,
#1

Добрый день!
Встала передо мной задача проверить корректность qr кода
И вот я никак не могу получить скрин именно нужного мне элемента
Сам элемент:

<div class="qr-pop-up qr-pop-up--opened">
<canvas width="296" height="296" style="width: 148px; height: 148px;"></canvas>
<div class="qr-pop-up__close" tabindex="0"></div>
</div>

Пытаюсь сделать скрин этого канваса:
qrCanvas.screenshot()

И мне возвращается вообще скрин другой области. Какая хитрость должна быть еще, что бы получить скрин того, что нужно?

qrcode_10434142_
qrcode_10434142_1500×1500 95.2 KB

#2

Интересно.
А мы можем эту страничку где-то посмотреть?

#3

Можно, но не так просто) Нужно будет зарегистрироваться на крипто бирже, верифицировать клиента. Если интересно поразбираться, можем в личных сообщениях обсудить как все сделать

#4

Да не то, чтобы лично мне это было интересно. :slight_smile:
Просто без этой информации вряд ли вам кто-то вообще сможет помочь.

#5

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

#6

Посмотрите на верстку в момент снятия скриншота. Возможно, для вашего элемента по локатору находится более одного элемента, и первый по списку – не ваш, он и снимается скриншотом.

#7

Я проверила. Элемент один

image
image2610×726 209 KB

А вот скрин:
image

Верно только то, что это квадрат нужного размера)

#8

Возможно некорректно вычисляется область в методе screenshot. Либо бага, либо попробуйте поставить задержку, так как из за загрузки меняется позиция

#9

А svg элемент выше, что там?

#10

Позиция точно не изменилась. Я дебагом походила. Те там прям приличная задержка.

#11

А svg на одном уровне с div.
Там отрисовка иконки для открытия qr кода

#12

Сделайте скриншот и попробуйте сами отрезать по координатам и размерам картинки

#13

Скриншот всего экрана, получить координаты нужного элемента и его размеры и вырезать. Так?
Честно говорят рассчитывала на метод в Селениде)

#14

Да, там все через селениум можно сделать

#16

Вот в лоб element.screenshot() не работает, к сожалению

#17

Да, похоже, в селениде действительно бага.
Я попробовал на тестах самого селенида - там и правда проверяется только размер скриншота, и он правильный. Но в скриншот попадает не та область. :slight_smile:
См. https://github.com/selenide/selenide/blob/87745b2429c10cf6be5a137eb4768f701e48971c/statics/src/test/java/integration/ScreenshotTest.java#L32

Ну что, это же опенсорс - можете прислать пулреквест. :slight_smile:

#18

Сделаю :wink:

2 симпатии
#19

Кажется, я нашёл причину. Здесь используется метод getSubImage() и не учитывается, что на Маке два пикселя за один. Если эти цифры умножить на два, получается правильная область.

Осталось понять, как это правильно исправить…

#20

@rid00dle Ах-ха-ха!
Оказывается, в селениуме уже давно добавили метод WebElement.getScreenshotAs.
Т.е. селенидовский метод $.screenshot особо больше не нужен.

Поменяйте на

File screenshot = $("#small_div").getScreenshotAs(OutputType.FILE);
1 симпатия
#21

Да! :dancer:t2:
Так все отлично получилось!
Благодарю