Урок за тестване на GUI: Тестове на потребителски интерфейс (UI) с примери

Съдържание:

Anonim

За да разберете тестването на GUI, нека първо разберете

Какво е GUI?

Има два вида интерфейси за компютърно приложение. Интерфейсът на командния ред е мястото, където пишете текст и компютърът отговаря на тази команда. GUI означава графичен потребителски интерфейс, където взаимодействате с компютъра, като използвате изображения, а не текст.

Следват GUI елементите, които могат да се използват за взаимодействие между потребителя и приложението:

GUI тестването е валидиране на горните елементи.

GUI тестване

GUI Testing е тип тестване на софтуер, който проверява графичния потребителски интерфейс на софтуера. Целта на тестването на графичния потребителски интерфейс (GUI) е да осигури функционалността на работата на софтуерното приложение според спецификациите чрез проверка на екрани и контроли като менюта, бутони, икони и т.н.

GUI е това, което потребителят вижда. Кажете, че ако посетите guru99.com това, което ще видите, се казва началната страница, това е GUI (графичен потребителски интерфейс) на сайта. Потребителят не вижда изходния код. Интерфейсът е видим за потребителя. Особено фокусът е върху структурата на дизайна, изображенията, че те работят правилно или не.

В горния пример, ако трябва да направим GUI тестване, първо проверяваме дали изображенията трябва да бъдат напълно видими в различни браузъри.

Освен това връзките са налични и бутонът трябва да работи при щракване.

Освен това, ако потребителят преоразмери екрана, нито изображенията, нито съдържанието не трябва да се свиват, изрязват или припокриват.

В този урок ще научите -

  • Какво е тестване на GUI?
  • Необходимост от GUI тестване
  • Какво правите за тестване на GUI?
  • Подход за тестване на GUI
  • Тестови случаи на тестване на GUI
  • Демонстрация: Как да провеждате GUI тест
  • Предизвикателства в тестването на GUI

Необходимост от GUI тестване

Сега основната концепция за тестване на GUI е ясна. Няколко въпроса, които ще ви сполетят в ума, ще бъдат

  • Защо тестването на GUI?
  • Наистина ли е необходимо?
  • Тестването на функционалността и логиката на приложението не е ли повече от достатъчно ?? Тогава защо да губите време за тестване на потребителския интерфейс.

За да получите отговора да мислите като потребител, а не като тестер. Потребителят няма никакви познания за софтуера / приложението XYZ. Потребителският интерфейс на Приложението решава, че потребителят ще използва Приложението по-нататък или не.

Нормалният потребител първо наблюдава дизайна и външния вид на приложението / софтуера и колко лесно му е да разбере потребителския интерфейс. Ако даден потребител не се чувства добре с интерфейса или намери приложението, за да разбере, той никога повече няма да използва това приложение. Ето защо, GUI е проблем, и трябва да се извърши правилно тестване, за да се гарантира, че GUI не съдържа грешки.

Какво правите за тестване на GUI?

Следният контролен списък ще осигури подробно тестване на GUI при тестване на софтуер.

  • Проверете всички GUI елементи за размер, позиция, ширина, дължина и приемане на символи или числа. Например трябва да можете да предоставяте входни данни за полетата за въвеждане.
  • Проверете дали можете да изпълните предвидената функционалност на приложението, използвайки GUI
  • Проверете Съобщенията за грешки се показват правилно
  • Проверете за ясно разграничаване на различни секции на екрана
  • Проверете Шрифтът, използван в приложение, е четим
  • Проверете дали подравняването на текста е правилно
  • Проверете цвета на шрифта и предупредителните съобщения са естетически приятни
  • Проверете дали изображенията имат добра яснота
  • Проверете дали изображенията са правилно подравнени
  • Проверете позиционирането на GUI елементите за различна разделителна способност на екрана.

Техники за тестване на GUI

Техниките за тестване на GUI могат да бъдат категоризирани в три части:

Ръчно тестване

Съгласно този подход графичните екрани се проверяват ръчно от тестерите в съответствие с изискванията, посочени в документа за бизнес изискванията.

Запис и повторение

Тестването на GUI може да се извърши с помощта на инструменти за автоматизация. Това се прави от 2 части. По време на запис тестовите стъпки се улавят от инструмента за автоматизация. По време на възпроизвеждане, записаните тестови стъпки се изпълняват в тестваното приложение. Пример за такива инструменти - QTP.

Тестване на модел

Моделът е графично описание на поведението на системата. Помага ни да разберем и предскажем поведението на системата. Моделите помагат в генерирането на ефективни тестови случаи, използващи системните изисквания. Следното трябва да се вземе предвид при тестването на този модел:

  • Изградете модела
  • Определете входовете за модела
  • Изчислете очакваната продукция за модела
  • Пуснете тестовете
  • Сравнете действителната продукция с очакваната продукция
  • Решение за по-нататъшни действия по модела

Някои от техниките за моделиране, от които могат да се извлекат тестови случаи:

  • Графики - Изобразява състоянието на системата и проверява състоянието след известно въвеждане.
  • Таблици за решения - Таблици, използвани за определяне на резултатите за всеки приложен вход

Моделното тестване е развиваща се техника за генериране на тестови случаи от изискванията . Основното му предимство, в сравнение с горните два метода, е, че той може да определи нежелани състояния, които вашият GUI може да постигне.

По-долу са налични инструменти с отворен код за провеждане на автоматизирано тестване на потребителския интерфейс.

Продукт Лицензиран под
AutoHotkey GPL
Селен Apache
Сикули MIT
Роботна рамка Apache
Вода BSD
Dojo Toolkit BSD

Примерни тестови случаи за тестване на GUI

GUI тестването основно включва

  1. Тестване на размера, позицията, ширината, височината на елементите.
  2. Тестване на съобщенията за грешка, които се показват.
  3. Тестване на различните секции на екрана.
  4. Тестване на шрифта дали е четим или не.
  5. Тестване на екрана в различни разделителни способности с помощта на увеличаване и отдалечаване като 640 x 480, 600x800 и др.
  6. Тестването на подравняването на текстовете и други елементи като икони, бутони и т.н. са на правилното място или не.
  7. Тестване на цветовете на шрифтовете.
  8. Тестване на цветовете на съобщенията за грешки, предупредителни съобщения.
  9. Тестване дали изображението има добра яснота или не.
  10. Тестване на подравняването на изображенията.
  11. Тестване на правописа.
  12. Потребителят не трябва да се разочарова, докато използва системния интерфейс.
  13. Тестване дали интерфейсът е привлекателен или не.
  14. Тестване на лентите за превъртане според размера на страницата, ако има такава.
  15. Тестване на деактивираните полета, ако има такива.
  16. Тестване на размера на изображенията.
  17. Тестване на заглавията дали е правилно подравнено или не.
  18. Тестване на цвета на хипервръзката.

Демонстрация: Как да направя GUI тест

Тук ще използваме няколко примерни тестови случая за следващия екран.

Следва по-долу примера на тестовите случаи, които се състоят от сценарии за тестване на потребителски интерфейс и използваемост.

TC 01- Проверете дали текстовото поле с етикет „ Източна папка “ е подравнено правилно.

TC 02 - Проверете дали текстовото поле с етикет „ Опаковка “ е подравнено правилно.

TC 03 - Проверете дали етикетът с име „ Преглед “ е бутон, който се намира в края на TextBox с името „ Източна папка “.

TC 04 - Проверете дали етикетът с името „ Преглед “ е бутон, който се намира в края на TextBox с името „ Пакет “.

TC 05 - Проверете дали текстовото поле с етикет „ Име “ е подравнено правилно.

TC 06 - Уверете се, че етикетът „ Модификатори “ се състои от 4 радио бутона с името публично, по подразбиране, частно, защитено.

TC 07 - Проверете дали етикетът „ Модификатори “ се състои от 4 радио бутона, които са подравнени правилно в един ред.

TC 08 - Проверете дали етикетът „ Superclass “ под етикета „ Modifiers “ се състои от падащо меню, което трябва да бъде правилно подравнено.

TC 09 - Уверете се, че етикетът „ Superclass “ се състои от бутон с надпис „ Browse “ върху него, който трябва да бъде правилно подравнен.

TC 10 - Проверете дали щракването върху произволен бутон по подразбиране на показалеца на мишката трябва да бъде променено на показалеца на ръчната мишка.

TC 11 - Уверете се, че потребителят не трябва да може да пише в падащото меню „ Superclass “.

TC 12 - Проверете дали трябва да се генерира правилна грешка, ако нещо е било избрано по погрешка.

TC 13 - Проверете дали грешката трябва да бъде генерирана в ЧЕРВЕН цвят, където е необходимо.

TC 14 - Проверете дали в съобщенията за грешка трябва да се използват подходящи етикети.

TC 15 - Уверете се, че единичните радиобутони трябва да бъдат избрани по подразбиране всеки път.

TC 16 - Проверете дали бутонът TAB трябва да работи правилно, докато скачате на друго поле до предишното.

TC 17 - Уверете се, че всички страници трябва да съдържат правилното заглавие.

TC 18 - Проверете дали текстът на страницата трябва да бъде правилно подравнен.

TC 19 - Проверете дали след актуализиране на което и да е поле трябва да се покаже правилно съобщение за потвърждение.

TC 20 - Проверете дали трябва да бъде избран само 1 радио бутон и може да бъдат избрани повече от единични квадратчета за отметка.

Предизвикателства в тестването на GUI

В софтуерното инженерство най-често срещаният проблем при тестване на регресия е, че GUI на приложението се променя често. Много е трудно да се тества и идентифицира дали е проблем или подобрение. Проблемът се проявява, когато нямате никакви документи относно промените в GUI.

Инструменти за тестване на GUI

Следва списък с популярни инструменти за тестване на GUI :

  • Ранорекс
  • Селен
  • QTP
  • Краставица
  • SilkTest
  • TestComplete
  • Squish GUI тестер

Щракнете тук, за да научите селен, QTP и краставица.

Заключение:

Успехът на софтуерен продукт изключително зависи от това как GUI взаимодейства с потребителя и лекотата при използването на различните му функции. Следователно тестването на GUI е много важно. Ръчното тестване на GUI понякога може да бъде повтарящо се и скучно и следователно склонно към грешки. Силно се препоръчва автоматизация за тестване на GUI.

Тази статия е възможна с приноса на Swati Ghildiyal, Prateek Chandra и Guru99.