Тестування для користувача інтерфейсу
Тестування для користувача інтерфейсу. Графічний інтерфейс користувача (Graphical user interface, GUI) різновид призначеного для користувача інтерфейсу, в якому елементи інтерфейсу (меню, кнопки, значки, списки і т. П.), Представлені користувачеві на дисплеї, виконані у вигляді графічних зображень.
Перевіряється в цілому загальний вигляд програми і окремо форми, розташовані на сторінці.
Тестування графічного інтерфейсу
- Вид елементів при зменшенні вікна браузера + поява скрол
- Правильність написання тексту + текст повинен бути вирівняний
- Правильність переміщення фокуса в вікні (Tab / Tab + Shift)
- Вибрані елементи виділяються
- Незмінні поля виглядають однаково і відрізняються від редагованих
- Бажано не використовувати подвійний клік
- Перевірка наявності потрібних нотіфікейшенов
- Уніфікація дизайну (колір, шрифт, розмір)
- При необхідності повинні бути зринаючі підказки
- Зміна виду елемента при Ховер на нього
- Якщо форми дублюються, то повинні бути однакові назви
Додаткові перевірки для веб-форм
- Перевірити виділення тексту за допомогою Ctrl + A / Shift + стрілка
- Помилки під час введення довгого тексту
- Розташування біля відповідного тексту
- Перемикання кнопок за допомогою клавіатури
- Встановити чекбокс кліком і пропуском
- Розташування біля відповідного тексту
- Повинна бути функція прокрутки
- Повинні розташовуватися за алфавітом (якщо текст), за зростанням (якщо числові значення)
- Якщо елемент був обраний, то повинен перебувати зверху або позначений, що він обраний
- Розташування по центру вікна
GUI (Graphical User Interface) Testing - тестування графічного інтерфейсу користувача. Графічний користувальницький інтерфейс - це інтерфейс, в якому користувач взаємодіє з комп'ютером, використовуючи графічні зображення.
Основні елементи графічного інтерфейсу:
- вікно (вікно браузера, діалогове вікно, модальне вікно, плаваюче вікно)
- меню (головне, спливаюче, контекстне, системне)
- віджети / елементи управління / контроли (акордеон, кнопка, радіо-кнопка, чек-бокс, значок (іконка), список, панель інструментів, дерево, смуга прокрутки, повзунок, рядок стану, зринаючі підказки (підказка) і ін.)
- вкладка
- елементи взаємодії: курсор миші, текстовий курсор, поінтер ( "долонька"), курсор перетягування і ін.
Основні моменти при перевірці GUI:
- розташування, розмір, колір, ширина, довжина елементів; можливість введення літер та цифр
- реалізується чи функціонал додатка за допомогою графічних елементів
- розміщення всіх повідомлень про помилки, сповіщень (а також шрифт, колір, розмір, розташування та орфографія тексту)
- читабельний чи використаний шрифт
- переходить курсор з текстового в поінтер при наведенні на активні елементи, виділяються вибрані елементи
- вирівнювання тексту і форм
- якість зображень
- перевірити розташування і відображення всіх елементів при різних дозволах екрану, а також при зміні розміру вікна браузера (перевірити, чи з'являється скролл)
- перевірити текст на орфографічні, пунктуаційні помилки
- з'являються чи зринаючі підказки (якщо є необхідність)
- уніфікація дизайну (кольору, шрифти, текст повідомлень, назви кнопок і т.д.)
Найбільш поширені баги:
- курсор не переходить в поінтер при наведенні на активний елемент
- орфографічні і граматичні помилки
- Не рівня розташування полів введення в формах, самих форм
- неправильне відображення елементів при зміні розміру вікна браузера і масштабу сторінки
- зміна розміру тексту при зміні мови
- нерівне розташування форм
- різні шрифти
- вибрані елементи не відрізняються від не вибрав
Перевірка pixel to pixel - перевірка точного (піксель в пікcель) відповідності зверстаного HTML - шаблону оригіналу (PSD-макету). Іншими словами, якщо накласти "картинку" зверстаного HTML-шаблону на картинку оригінального PSD-макету, то обидві картинки повинні збігатися. Поєднатися повинні всі елементи картинок - текст, зображення, графічні елементи.
Ще про тестування:
- Консоль в браузері Chrome
- Особливості тестування мобільних додатків
- Корисні гарячі клавіші Windows, MacOs, Chrome
- Тест критичного шляху
- Особливості тестування десктопних додатків