Applitools: как это реализовать?
Я хотел бы реализовать сравнение визуального пользовательского интерфейса, но у меня нет идеи о том, как его реализовать. Кто-нибудь, пожалуйста, дайте некоторое представление о том, как реализовать визуальное сравнение пользовательского интерфейса. Я знаю, что нужно сравнить фактический и ожидаемый скриншот, но я не знаю, когда его выполнить (будь то разные тестовые случаи или объединить их вместе для функционального тестирования).
PS: у меня возникла идея - выполнить ли сначала все функциональные тесты, а затем проводить визуальные тесты пользовательского интерфейса?
Пожалуйста, предоставьте некоторые идеи. Миллиард спасибо за вашу помощь.
2 ответа
Набор Applitools - лучший друг, когда дело доходит до визуального / пользовательского тестирования. Они поддерживают множество сред тестирования, включая, помимо прочего, Selenium, Cypress, Storybook, Appium.
Applitools использует бэкэнд-сервер AI, который получает снимки DOM вашего теста, выполняет сравнение (например, тестирование человеческим глазом), а затем показывает визуальные различия в хорошем и многофункциональном портале.
Также недавно они представили инструмент анализа корневых причин (RCA), чтобы сэкономить кучу времени, точно указав вам реальный источник визуального различия, поэтому вам не нужно тратить много времени на поиск исходного кода, пытаясь выяснить, почему Я получаю эту разницу, какая часть кода имеет побочный эффект.
Вы можете интегрировать Applitools с селеном. Это хороший инструмент с алгоритмами AI для сравнения изображений. Следовательно, будет меньше или нет ложных положительных сценариев. Он также предоставляет хорошую документацию. Во-первых, вам нужно создать учетную запись, которая даст вам ключ. Также скачайте утилиту. Пожалуйста, обратитесь по ссылке ниже (это Java-интеграция, также вы можете найти другие технологические интеграции) -