guide visual regression testing with visual testing tools
Това изчерпателно ръководство обяснява всичко за тестването на визуална регресия. Включва и преглед на безплатни и търговски инструменти за визуално тестване като Applitools, Percy, Screener и др:
Тестването на визуална регресия или визуалното тестване в софтуер е дейност за осигуряване на качеството на проверка дали визуалните аспекти на потребителския интерфейс на приложението изглеждат подходящи за потребителя. Известно е също като тестване за визуална проверка.
Целта му е да провери дали правилните данни и съдържание се показват в предния край на приложението. Освен това, той също така потвърждава оформлението и външния вид на всеки визуален елемент, присъстващ на потребителския интерфейс и целия потребителски интерфейс.
Какво ще научите:
Тестване на визуална регресия
Когато говорим за коректността на оформлението, това означава, че позиционирането, формата и размерът на всеки елемент на екрана е правилен. Елементите не трябва да се припокриват един с друг, те трябва да бъдат видими и да не са скрити.
Визуалният елемент тук може да се отнася до изображение, страница, част от страница или част от изображение.
Проверката на външния вид означава, че шрифтът, цветът, яркостта, контрастът, плътността, текстурата, визуалното тегло, графиката и т.н. на визуалните елементи трябва да изглеждат правилно.
Какво е тестване на визуална регресия?
Регресионното тестване гарантира, че всяка промяна, въведена в софтуера, не нарушава нищо, което преди се е справяло добре.
Що се отнася до визуалното тестване, тестването на визуална регресия гарантира, че не възникват проблеми със стила, когато се правят промени в софтуера. Приложението трябва да продължи да изглежда толкова добре, колкото беше.
Инструмент за визуална регресия тества екранни снимки на текущия потребителски интерфейс и ги сравнява с оригиналните екранни снимки. И така, тестването на визуална регресия разглежда историческите различия. Той потвърждава, че уеб страницата все още се показва според очакванията в различни браузъри, дори след модификации на кода.
По-долу е даден скрийншот на тест за визуална регресия, изпълнен чрез автоматизиран инструмент:
(изображение източник )
В съвременните практики на непрекъсната интеграция тестването на визуална регресия става много важно, за да се гарантира, че новите промени не причиняват бъркотия в оформлението, тъй като приложението се развива от версия на версия и напредва в браузърите.
Много организации използват тестване на визуална регресия, за да записват версии на определени уеб страници, за да документират как се променя от една итерация в друга.
Значение на тестовете за визуална проверка
Без значение колко правилно функционира функционалността на вашето приложение, то няма да бъде от полза за клиента, освен ако не може да осигури добър потребителски интерфейс и потребителско изживяване.
В наши дни не само говорим за потребителски интерфейс (потребителски интерфейс), но също така се фокусираме много върху UX (потребителски опит). Когато се стремим да осигурим по-добро потребителско изживяване, тогава визуалното тестване става много важно, защото по-привлекателният визуален дизайн може да се възприеме като по-полезен за потребителя.
Нека да видим долния пример от уебсайта на Amazon:
(изображение източник )
В горното изображение можете да забележите, че текстът и изображенията се припокриват и не са правилно подравнени. Това е пример за визуална грешка, която може да създаде лошо потребителско изживяване, тъй като клиентът няма да може да изпълни предвиденото действие на уебсайта.
Визуалният дизайн оформя потребителското изживяване по много начини.
Например,
- Страхотните визуални дизайни помагат за изграждане на доверие и доверие.
- Подсилва имиджа на марката.
- Засяга четливостта.
- Формира визуален баланс на екрана.
- Насочва потребителите към действия.
- Убеждава окото да насочи вниманието си към определени елементи на страницата.
Също така в днешно време имаме огромно разнообразие от операционни системи, уеб браузъри, разделителни способности на екрани и устройства, поради което става изключително важно да се гарантира, че потребителският интерфейс изглежда правилен за всяка от възможните комбинации от тях.
Дори малко изкривяване на потребителския интерфейс може да доведе до загуба на бизнес. Визуалните грешки могат да бъдат досадни и неприятни за потребителите и да създават неудобства за тях.
Да предположим, че се занимавате с банков бизнес и предлагате онлайн приложение за мобилно банкиране на своите клиенти.
Получавате оплаквания от някои от клиентите си, че когато искат да прехвърлят пари в нечия сметка и след като попълнят цялата необходима информация, те не могат да намерят 'Изпращане' бутон на екрана и това е дразнещо преживяване за тях.
Когато разследвате проблема, установявате, че бутонът за изпращане се скрива при определена резолюция на екрана за мобилни телефони с Android и затова всички клиенти с телефони с Android с този конкретен размер на екрана не са могли да видят бутона за изпращане.
Така че, функционалността на приложението работеше добре в този случай, но поради визуалната грешка потребителите не успяха да изпълнят предвидените действия в приложението. Този пример показва колко е важно да тествате визуалните аспекти на приложението на всяка възможна конфигурация, преди да доставите приложението на клиентите.
Някои области, където се препоръчва тестване на визуална проверка са (тъй като това ще окаже пряко влияние върху вашата марка):
- Мобилни приложения
- Мобилна мрежа / Адаптивна мрежа
- Маркетингови уебсайтове
- Системи за управление на съдържанието
- Потребителски системи като авиокомпании, пътувания, банкиране и др.
Предвид важността му, компаниите трябва да похарчат значителни усилия и пари за визуално тестване. Ако се използва в комбинация със съществуващите тестове за разработчици, това ще ви помогне при откриването на визуалните проблеми в ранните етапи на жизнения цикъл на разработката.
Методи и процеси за визуално тестване
Като разработчици или тестери често работим върху тестване на функционалността на приложенията. Чрез ръчен или някакъв автоматизиран инструмент проверяваме дали приложението работи според очакванията. Такова тестване на функционалността е много важно, за да се осигури безпроблемната работа на приложението.
Ако обаче добавим визуално тестване към това, това ще подобри значително цялостното тестване. По този начин това тестване често се извършва в комбинация с функционално тестване.
Има няколко метода и процеси за тестване, които да отговорят на предизвикателствата на визуалното тестване на приложения в широки конфигурации. Налични са и много инструменти в подкрепа на тестването на визуална проверка.
Като цяло има два основни подхода, които се следват за тестване на визуална проверка, т.е. базирани на код и базирани на конфигурация. Средствата за визуално тестване също са категоризирани въз основа на тези два подхода.
Може да се направи ръчно или по автоматизиран начин. Поради определени предизвикателства той не може да бъде нито напълно ръчен, нито напълно автоматизиран. Като цяло се предпочита комбинация от ръчен и автоматизиран подход.
страхотни неща, които можете да правите с c ++
По-долу са дадени 3-те различни метода за визуално тестване, които обикновено се следват.
Екипите могат да избират между всяка от тези опции в зависимост от техните нужди:
# 1) Създайте специални визуални тестове : Това е най-препоръчителният метод, тъй като ви дава пълен контрол върху визуалната проверка. Също така, използвайки този подход, можете да пишете тестове с умерени усилия. Но да, ще трябва да пишете тестовете от нулата и ще ви е необходимо известно време.
# 2) Поставете визуални контролни точки в съществуващите функционални тестове: В този метод вече имате тестове за валидиране на функционалността на приложението и просто добавяте визуални проверки между тези тестове, за да проверите страниците.
Разбира се, този метод ограничава вашето покритие на теста, но това е бърз начин за вмъкване на визуални тестове и да се възползвате от съществуващия код за функционално тестване.
# 3) Поставете неявна визуална проверка в съществуващата рамка за тестване: Този метод е много лесен за изпълнение, тъй като изисква само няколко реда код. Обаче страда от ограничението, че в този случай можете да направите и обща проверка. Не можете да проверите конкретни компоненти в рамката.
Докато продължаваме, ще обсъждаме ръчно и автоматизирано визуално тестване. Също така ще проверим подробно инструментите и рамките за визуално тестване.
Ръчно визуално тестване
Софтуерните компании са изправени пред две възможности за извършване на визуално тестване, т.е. ръчно тестване или автоматизирано тестване. Нека да видим подробно ръчно визуално тестване.
Въпреки че ръчното тестване може да бъде бавно, скъпо и податливо на грешки, поради субективния характер на дизайна на интерфейса, често не е възможно да има автоматизиран тест, който да улови коректността на всеки сценарий. Така че, понякога трябва да изберем баланс между ръчно и автоматизирано тестване.
Също така, едно от основните предимства на ръчното тестване от човек може да изглежда извън обхвата на теста. Тестът за автоматизация може да улови само проблема, който е в неговия обхват, но при ръчен тест човешкият тестер може да забележи и други козметични грешки и други неща, които изглеждат неправилни в потребителския интерфейс.
Тъй като ръчните тестове са по-близо до действителните потребителски действия, те могат да улавят грешки в оформлението и проблеми с дизайна, които обикновено се разкриват, когато реален потребител взаимодейства с приложението.
Можете да отидете на ръчно тестване в ранните етапи от разработването на приложения, когато вашият потребителски интерфейс е нестабилен. Също така е полезно за ad-hoc тестване, когато трябва да направите бързи проверки на място.
При ръчно тестване на визуална проверка тестващият трябва ръчно да провери външния вид и оформлението на визуалните елементи. Това може да включва правене на текущи екранни снимки и след това ръчно сравняване с базовите екранни снимки, за да се идентифицират всякакви пропуски.
Друг ефективен начин за ръчно тестване е използването на изследовател на компоненти. В това вие дефинирате тестовите състояния, използвате Explorer, за да изберете състояние и компонент и да го проверите на екрана. Един такъв инструмент е React Storybook, където можете да разработвате компоненти на потребителския интерфейс изолирано.
Чрез този метод тестерът може да изпълни ръчен тест на даден компонент, да провери как се изобразява и да види дали работи добре или не.
Стъпки за ръчно тестване:
- Разгледайте приложението и заснемете известните добри базови екранни снимки.
- По-късно направете друг набор от екранни снимки от най-новата версия на приложението.
- Сега ръчно сравнете тези екранни снимки (базово спрямо текущо), за да разберете визуалните грешки.
Автоматизирано визуално тестване
Автоматизираното визуално тестване е начин за автоматична проверка дали потребителският интерфейс визуално се появява по предназначение.
Предимствата на автоматизираните визуални тестове са, че те предлагат дългосрочна ефективност на разходите, по-бързи са от ръчните тестове, по-точни, тъй като могат да изключат човешките грешки и да доставят перфектни визуални тестове за пиксели, те са многократни и прозрачни, тъй като предлагат автоматични отчети лесно и лесно достъпни за всеки от екипа.
Някои от ограниченията на автоматизираното визуално тестване са, че може да има големи предварителни разходи и ще трябва да полагате значителни усилия в поддръжката на теста, за да приспособите всяка промяна.
При автоматизираното тестване обхватът е по-тесен, освен ако не е налице тестването на екранна снимка. Освен това има стръмна крива на обучение, тъй като организациите отнемат време, за да се запознаят с инструментите за тестване на автоматизацията.
Да отидете с автоматизация би било добър избор, ако от вас се изисква да извършите регресионно визуално тестване, за да се справите с честите промени, случващи се на стабилен потребителски интерфейс. Автоматизираното тестване също помага за чудесно визуално сравнение на екранни снимки.
Автоматизираното сравнение на екранна снимка предлага голяма степен на прецизност при визуално тестване и увеличава възвръщаемостта на инвестициите. Автоматизираното сравнение на екранна снимка може да улови тези грешки, които е невъзможно да бъдат открити с човешки очи и ръчно сравнение. Също така е полезно в края на края тестване за сложни потребителски истории.
Налични са голямо разнообразие от инструменти с отворен код и търговски инструменти за автоматизирано тестване.
Изображението по-долу показва как визуалната проверка може да бъде автоматизирана с помощта на всеки език за програмиране:
(изображение източник )
По-долу е даден общия работен процес на Visual Test Automation:
(изображение източник )
Както е показано в горната диаграма на работния поток, има 4 стъпки, включени в автоматизираното визуално тестване:
Етап 1 : В тази стъпка трябва да управляваме приложението и теста и да заснемем екранни снимки.
Стъпка 2 : В тази стъпка инструментът за автоматизация сравнява тези екранни снимки с базовите екранни снимки. Основните екранни снимки обикновено са изображенията, направени в предишните тестови пробни работи и доказани от тестер.
Стъпка 3: След като инструментът получи резултатите от сравненията на изображения, той генерира отчет, който подчертава всички открити разлики.
Например,изображението по-долу показва един от инструментите за автоматизация на тестовете, подчертаващ разликите в ъгловото приложение:
Стъпка 4 : В последната стъпка тестващият преглежда доклада и проверява за всяка разлика дали е грешка или валидна промяна (фалшиви положителни резултати). Въз основа на това базовите изображения се актуализират.
какво е .bin файл
За първото тестово пускане нямате базови изображения. Така че изображенията, получени при първото изпълнение, обикновено се третират като базови изображения. От следващото изпълнение нататък те се сравняват със снимките на екрана.
Най-добри практики за автоматизирано визуално тестване
- Изберете инструмент, който е достатъчно умен, за да игнорира фалшивите положителни резултати. Инструментът трябва да може да се справя със сглаждане, компенсиране на пиксели и т.н. и не проваля тестовете ви поради тези причини.
- Автоматизацията на тестовете трябва да може да обработва динамично и движещо се съдържание.
- Не разчитайте на коефициенти на грешки или конфигурация на прагове. Единственото нещо, което трябва да има значение, е дали човек може да види тази разлика и ще повлияе ли това на потребителското изживяване?
- Алгоритъмът за автоматизация трябва да може да анализира структурата на страницата и да може да прави сравнения на оформлението.
- Предпочитайте проверка на пълната страница на потребителския интерфейс вместо отделни компоненти. Това ще осигури повече и по-добро покритие. В случай на валидиране само на конкретни компоненти, можете да пропуснете неочаквани грешки.
Автоматизирани инструменти за тестване и рамки за визуално тестване
Днес на пазара има голямо разнообразие (почти 30 плюс) инструменти за автоматизирано визуално тестване. Някои от тези инструменти са с отворен код, докато други са търговски. Повечето от тези инструменти функционират по същия начин, но преследват различен работен процес според целевата аудитория.
За разработчиците от предния край има два типа рамки, участващи във визуалното тестване. Първо, ви е необходим тестов бегач, който ви позволява да пишете и изпълнявате тестовете. Второ, имате нужда от рамка за автоматизация на браузъра, за да възпроизведете потребителските взаимодействия. Тези две рамки се наричат съвместно като Visual test code.
С помощта на тези рамки за тестване разработчиците създават кода, който имитира действителни потребителски действия като въвеждане на текст или щракване върху бутони. Тестовият код има команди за правене на екранни снимки в съответните точки. Когато тестът се изпълнява за първи път, се прави първоначален набор от екранни снимки.
Тези екранни снимки действат като базова линия за сравнение при всякакви промени, направени в приложението. След като се установи базовата линия, разработчикът изпълнява кода във фонов режим. Когато се намери промяна, екранната снимка на промяната се заснема.
Тестовият бегач сравнява тази екранна снимка с основната екранна снимка за тази област на кода. Ако се открият някакви разлики между изображенията, тогава тестът се счита за неуспешен и се съобщава за визуална грешка.
Когато се изпълни целият тестов код, отчетът се генерира автоматично. Този отчет се преглежда ръчно от човешки тестер, за да се проверят всички изображения на скрийншота, които се различават от базовите изображения. Някои инструменти генерират различно изображение, за да подчертаят разликата между действителната и очакваната екранна снимка.
Ако разликата е причинена от проблем в кода, тогава разработчикът може да отстрани този проблем и да повтори кода. Ако разликата е причинена от необходимата промяна в потребителския интерфейс на приложението, разработчикът преглежда тази екранна снимка и актуализира основната екранна снимка, така че бъдещите тестове да могат да бъдат преминати.
Визуалното тестване включва както безплатни, така и платени инструменти. Нека обсъдим инструментите в детайли.
Списък с най-добрите инструменти за визуално тестване
Код / скрипт базирани на отворен код и безплатни инструменти
По-долу е даден списъкът на инструментите за визуална проверка, базирани на кода, които са с отворен код и се предлагат безплатно.
- PhantomCSS (UJs CapserJs)
- FBSnapshotTestCase (Използва XCTest)
- зодия Близнаци (Използва JS DSL)
- Игла (Използва Python)
- Регресия на страницата Rspec (Използва Capibara)
- Pix-Diff (Използва JS и транспортир)
- Visual Diff селен (Използва Java и WD)
- Vizregress (Използва .NET и WD)
- VisualCeption (Използва PHP и CodeCeption)
- Призракът (Използва JS DSL)
Конфигурация на базата на отворен код и безплатни инструменти
Инструментите за визуална проверка на базата на конфигурация, които са с отворен код и се предлагат безплатно, са посочени по-долу за справка:
- BaskstopJS
- dpxdtMake - Представено
- CSSCritic
- Grunt Photobox
- VIFF
- Зелен лук
- гном
- CSS визуален тест
- Щракнете и сравнете
- Grunt-Vigo
- Рамка на Гален
- Автомобил
Няма да навлизаме дълбоко във всеки от горните инструменти, но нека да обсъдим накратко за най-добрите.
Phantom CSS е един от много популярните инструменти с отворен код за визуална проверка. Той има 4768 звезди в GitHub. Помага ви с автоматизирано тестване на визуална регресия. Той използва CasperJS, за да направи екранните снимки и ги сравнява с базовите екранни снимки, използвайки Resemble.js.
(изображение източник )
Той генерира разлики в изображението въз основа на разликите в RGB пикселите. Този инструмент е полезен само когато потребителският интерфейс е предсказуем.
FBSnapshotTestCase е и друг популярен инструмент в тази категория. Той има 880 GitHub звезди.
Той улавя конфигуриран UIView или CALayer и използва метод, наречен render InContext: за получаване на моментна снимка на изображението от неговото съдържание. Той съпоставя това изображение с „референтно изображение“, съхранявано в хранилището на вашия изходен код, и не успява да тества, в случай че двете снимки не съвпадат.
Backstop JS е водещ инструмент в категорията инструменти, базирани на конфигурация. Той улавя CSS Curveballs. Това е инструмент за автоматизация за тестване на визуална регресия, който може да тества отзивчивия уеб потребителски интерфейс чрез съвпадение на екранните снимки на DOM с течение на времето.
Това е лесен за използване инструмент с някои страхотни функции като потребителски интерфейс за отчитане в браузъра, интегрирано изобразяване на докер, отчети JUnit, отчети CLI и др.
Рамката на Гален също е една от известните рамки с отворен код за тестване на визуална проверка. С помощта на този инструмент можете да тествате оформлението и адаптивния дизайн на уеб приложения по автоматизиран начин.
(изображение източник )
Тази рамка работи добре в селеновата мрежа.
Нека да обсъдим някои търговски инструменти и рамки, налични за Visual Test Automation сега!
Търговски инструменти
# 1) Applitools
Това е една от много популярните търговски рамки за автоматизирано визуално тестване и тестване на визуална регресия. Този инструмент осигурява когнитивна визия, задвижвана от AI. Той използва изкуствен интелект, за да ви помогне в цялостното визуално тестване и наблюдение.
С Applitools можете автоматично да тествате стотици UI компоненти на всички платформи и конфигурации, без да пишете код или с много минимален код. Той има поддръжка за повече от 40 тестови рамки и езици.
Той също така поддържа процеса DevOps, където можете лесно да интегрирате вашите визуални тестови случаи в CI / CD тръбопровода. Този инструмент също ви позволява да създавате персонализирани визуални отчети.
Тази рамка се използва от някои водещи компании, включително Sony, SAP, MasterCard и PayPal. Той също има много положителни отзиви от клиенти.
Доставчикът предлага три версии на тази рамка, т.е. Starter, Enterprise Public Cloud и Enterprise Dedicated Cloud. За цените ще трябва да се свържете с продавача.
Уебсайт: Applitools
# 2) Визуално тестване на кръстосано тестване
Crossbrowsertesting е платформа за уеб тестване, разработена от SmartBear за целия процес на тестване. Този инструмент обхваща визуално тестване, както и тестване на визуална регресия.
Функцията за тестване на екрана, предоставена от този инструмент, заснема екранни снимки на цяла страница и бързо помага при намирането на визуални грешки и проследяване на визуални несъответствия. За да започнете тест на екранна снимка, трябва да предоставите URL адреса и да изберете някои браузъри.
Тестовете за екранни снимки са достъпни за повечето настолни устройства и популярни мобилни устройства. Можете да смесвате и съпоставяте разделителната способност на вашия браузър за динамично отзивчиво тестване в десктоп браузъри и мобилни ориентации. Тестът ви за скрийншот ще заснеме три изгледа на всяка конфигурация, т.е. Windowed, Full-page и Full-page chromeless.
Можете бързо да филтрирате резултатите от теста си и да видите визуалните грешки. Можете също така да преминете към тест на живо и да отстраните грешки или да коригирате визуалните дефекти. Можете да тествате локална среда и среда за разработка чрез инструмент за локално свързване, предоставен от този софтуер.
безплатно изтегляне на пълна версия на
За тестване на визуална регресия, след като успешно изпълните тест за скрийншот, можете просто да го планирате на дневна, седмична или месечна база. Инструментът също ще изпрати известия за резултатите от теста.
Този инструмент има автоматизиран механизъм за сравнение, за да заснема автоматизирани екранни снимки на една и съща страница в различни конфигурации. Оттук можете да изберете основен браузър и след това да оцените подчертаните разлики в оформлението заедно.
Той също така предлага някои разширени опции, за да направи теста ви по-мощен. Тези опции включват основно удостоверяване, профил за вход, скрипт Selenium, забавяне на екранната снимка, изпращане на имейли, скриване на фиксирани елементи и др.
Прочетете също = >> Как да направите снимка на екрана в селен
Това е инструмент на цена. Предлага се обаче и безплатен пробен период. Версията за тестване на живо на този инструмент ще ви струва $ 29 / месец, Автоматизираното тестване е на цена $ 60 / месец и Неограниченото тестване е $ 100 / месец.
Уебсайт: Кръстосано тестване
# 3) Визуално тестване на Пърси
Пърси е един от мощните инструменти за автоматизирано визуално тестване. Тя ви позволява да интегрирате, изпълнявате и преглеждате визуалните тестове. Интеграцията може да се извърши чрез рамки за тестова автоматизация, CI / CD услуги или направо през вашето приложение.
След интеграцията можем да започнем да изпълняваме визуалните тестове, необходими за приложенията и компонентите. Когато се стартира визуален тест, инструментът Percy извлича екранни снимки на потребителския интерфейс през различни браузъри и отзивчиви ширини. След това прави сравнение на пиксел по пиксел на базово ниво и идентифицира всички съответни визуални промени във вашия потребителски интерфейс.
След като екранните снимки се изобразят, можете да ги прегледате за всякакви визуални проблеми.
Разликите в пиксели по пиксели и отзивчивите разлики, предоставени от този инструмент, осигуряват страхотно визуално покритие. Също така, функцията за стабилизиране на моментна снимка свежда до минимум фалшивите положителни резултати.
Това е платен инструмент. Той обаче предлага и безплатна пробна версия. Платените версии имат три вкуса, т.е. Essential, Business и Enterprise. Основната версия е на цена $ 29 / месец, версията Business е на цена $ 849 / месец, а версията Enterprise е създадена по поръчка според вашите нужди, поради което цената й ще варира съответно.
Уебсайт: Визуално тестване на Пърси
# 4) Screener.io
Това е инструмент за автоматизирано тестване, който ви позволява да записвате и изпълнявате тестовете в реално време в облака. Тестовите потоци могат лесно да се автоматизират, без да е необходимо кодиране. Той автоматично открива несъответствията на потребителския интерфейс на различни платформи. Той също така поддържа тестване на компоненти на историята.
Тя ви позволява да правите визуално тестване в комбинация с функционално тестване в същия тест, което по този начин увеличава общото покритие на теста. Компаниите, използващи screener.io, включват Yammer, Microsoft, uber и др.
Стартовият пакет на този инструмент ще ви струва около $ 249 / месец, пакетът Perform е на цена $ 499 / месец, а пакетът Enterprise има персонализирани цени според вашите изисквания.
Уебсайт: Screener.io
# 5) окончателен тест
endtest е платформа за тестване на потребителски интерфейс, която поддържа безкодово тестване за автоматизация с помощта на машинно обучение. Тя ви позволява бързо да създавате автоматизираните тестове, да ги съхранявате и изпълнявате директно в облака. Те също имат хромиран удължител, чрез който можете да записвате тестовете.
Този инструмент има много функции като генериране на данни от произволен тест, усъвършенствано твърдение, автоматично архивиране, геолокация, видеоклипове на живо, сравнение на екранна снимка и т.н.
Уебсайт: endtest
Заключение
В този урок обсъдихме колко е важно тестването на визуална проверка в днешния сценарий, при който софтуерното приложение трябва да работи добре при множество конфигурации на размери на екрана, мобилни устройства, операционни системи, резолюции на екрана и т.н.
Ако искате добро потребителско изживяване, тогава тестването на визуална проверка е толкова важно, колкото и функционалното тестване. Визуалното тестване и функционалното тестване, когато се комбинират, могат да осигурят широко покритие на теста.
Има голямо разнообразие от инструменти с отворен код и търговски инструменти и рамки за тестване на визуална проверка. Обсъдихме някои от най-добрите инструменти в този урок. Тези инструменти наистина могат да ви помогнат с автоматизирано визуално тестване и тестване на визуална регресия.
Честито четене!
Препоръчително четене
- Най-добри инструменти за тестване на софтуер 2021 г. (Инструменти за автоматизация на QA теста)
- Алфа тестване и бета тестване (Пълно ръководство)
- Крайно ръководство за тестване на валидиране
- 11 най-добри инструменти за автоматизация за тестване на приложения за Android (инструменти за тестване на приложения за Android)
- Тестване на мрежовата сигурност и най-добрите инструменти за мрежова сигурност
- Функционално тестване срещу нефункционално тестване
- Изтегляне на eBook за тестване на Primer
- Разликите между модулното тестване, интегрираното тестване и функционалното тестване