Можно ли использовать кукловод, чтобы сравнить скриншот с элементами пользовательского интерфейса веб-страницы и найти различия?

Question

Я ищу любую документацию или помощь в этом.Прямо сейчас для проверки того, появляются ли элементы пользовательского интерфейса на экране, я просто проверяю, загружен ли этот класс или идентификатор, для таких вещей, как форма входа, название, логотип, кнопка отправки, поля ввода и т. Д.

Я думал, что яПомните, что Puppeteer может помочь с анализом скриншота, а затем загрузкой веб-страницы и сравнением двух, но я могу быть далеко.

Также для тех, кто использует Puppeteer, как лучше всего проверить загрузку элементов пользовательского интерфейса на веб-странице?

Спасибо

Answer 1

Вы можете использовать Puppeteer, чтобы сделать скриншот, а затем использовать что-то вроде https://github.com/uber-archive/image-diff или https://www.npmjs.com/package/imagemagick до сравнить два изображения .