Щоб зрозуміти тестування графічного інтерфейсу, давайте спочатку зрозуміємо-
Що таке графічний інтерфейс?
Існує два типи інтерфейсів для комп’ютерних програм. Інтерфейс командного рядка - це місце, де ви вводите текст, і комп’ютер відповідає на цю команду. Графічний інтерфейс означає графічний інтерфейс користувача, де ви взаємодієте з комп'ютером, використовуючи зображення, а не текст.
Нижче наведені елементи графічного інтерфейсу, які можна використовувати для взаємодії між користувачем та додатком:
Тестування графічного інтерфейсу - це перевірка вищезазначених елементів.
Тестування графічного інтерфейсу
Тестування графічного інтерфейсу - це тип тестування програмного забезпечення, який перевіряє графічний інтерфейс користувача програмного забезпечення. Мета тестування графічного інтерфейсу користувача (GUI) полягає у забезпеченні функціональних можливостей програмних додатків відповідно до специфікацій шляхом перевірки екранів та елементів керування, таких як меню, кнопки, піктограми тощо.
GUI - це те, що бачить користувач. Скажімо, якщо ви відвідаєте guru99.com те, що ви побачите, скажіть домашня сторінка, це графічний інтерфейс користувача (графічний інтерфейс користувача) сайту. Користувач не бачить вихідний код. Інтерфейс видно користувачеві. Особливо увага приділяється структурі дизайну, зображенням того, чи працюють вони належним чином чи ні.
У наведеному вище прикладі, якщо нам потрібно провести тестування графічного інтерфейсу, ми спочатку перевіряємо, що зображення повинні бути повністю видимими в різних браузерах.
Крім того, посилання доступні, і кнопка повинна працювати при натисканні.
Крім того, якщо користувач змінює розмір екрана, ані зображення, ані вміст не повинні зменшуватися, обрізатися чи перекриватися.
У цьому підручнику ви дізнаєтесь-
- Що таке тестування графічного інтерфейсу?
- Необхідність тестування графічного інтерфейсу
- Що ви перевіряєте в тестуванні графічного інтерфейсу?
- Підхід до тестування графічного інтерфейсу
- Тестові випадки тестування графічного інтерфейсу
- Демонстрація: Як провести тест GUI
- Проблеми в тестуванні графічного інтерфейсу
Необхідність тестування графічного інтерфейсу
Тепер основна концепція тестування графічного інтерфейсу зрозуміла. Кілька питань, які вражатимуть вас у голові, будуть
- Чому тестування графічного інтерфейсу?
- Це справді потрібно?
- Невже тестування функціонально та логіки додатків недостатньо? Тоді навіщо витрачати час на тестування інтерфейсу користувача.
Щоб отримати відповідь, думайте як користувач, а не як випробувач. Користувач не має жодних знань про програмне забезпечення / додаток XYZ. Саме користувальницький інтерфейс Програми вирішує, що користувач збирається використовувати Програму далі чи ні.
Звичайний Користувач спочатку спостерігає за дизайном та зовнішнім виглядом Програми / Програмного забезпечення та наскільки легко йому зрозуміти інтерфейс. Якщо користувачеві недостатньо зручно користуватися Інтерфейсом або знайти комплекс додатків, щоб зрозуміти, він більше ніколи не буде використовувати цю програму. Ось чому графічний інтерфейс викликає занепокоєння, і слід провести належне тестування, щоб переконатися, що в графічному інтерфейсі немає помилок.
Що ви перевіряєте в тестуванні графічного інтерфейсу?
Наступний контрольний список забезпечить детальне тестування графічного інтерфейсу при тестуванні програмного забезпечення.
- Перевірте всі елементи графічного інтерфейсу щодо розміру, положення, ширини, довжини та прийнятності символів або цифр. Наприклад, ви повинні мати можливість вводити дані для полів введення.
- Переконайтеся, що ви можете виконати передбачувану функціональність програми за допомогою графічного інтерфейсу користувача
- Перевірте Повідомлення про помилки відображаються правильно
- Перевірте чітке розмежування різних розділів на екрані
- Перевірте, чи шрифт, який використовується в додатку, читається
- Перевірте правильність вирівнювання тексту
- Перевірте колір шрифту та попереджувальні повідомлення є естетично приємними
- Переконайтеся, що зображення мають хорошу чіткість
- Переконайтесь, що зображення правильно вирівняні
- Перевірте розташування елементів графічного інтерфейсу для різної роздільної здатності екрана.
Методи тестування графічного інтерфейсу
Методи тестування графічного інтерфейсу можна розділити на три частини:
Ручне тестування
Згідно з цим підходом, графічні екрани перевіряються тестувальниками вручну відповідно до вимог, зазначених у документі про бізнес-вимоги.
Запис і відтворення
Тестування графічного інтерфейсу можна виконати за допомогою засобів автоматизації. Це робиться з 2 частин. Під час запису тестові кроки фіксуються інструментом автоматизації. Під час відтворення записані тестові кроки виконуються в тестованій програмі. Приклад таких інструментів - QTP.
Тестування на основі моделі
Модель - це графічний опис поведінки системи. Це допомагає нам зрозуміти та передбачити поведінку системи. Моделі допомагають у створенні ефективних тестових кейсів із використанням системних вимог. Для тестування на основі цієї моделі необхідно враховувати наступне:
- Побудуйте модель
- Визначте вхідні дані для моделі
- Обчисліть очікуваний вихід для моделі
- Запустіть тести
- Порівняйте фактичний випуск із очікуваним
- Рішення про подальші дії щодо моделі
Деякі з методів моделювання, з яких можна вивести тестові приклади:
- Діаграми - зображує стан системи та перевіряє стан після певного введення.
- Таблиці рішень - таблиці, що використовуються для визначення результатів для кожного застосованого введення
Модельне тестування - це еволюціонуюча техніка для створення тестових кейсів на основі вимог . Його головна перевага в порівнянні з вищезазначеними двома методами полягає в тому, що він може визначати небажані стани, яких може досягти ваш графічний інтерфейс.
Нижче наведено інструменти з відкритим кодом, доступні для проведення автоматизованого тестування інтерфейсу користувача.
| Продукт | Ліцензований під |
|---|---|
| AutoHotkey | GPL |
| Селен | Апачі |
| Сікулі | MIT |
| Робот Framework | Апачі |
| Вода | BSD |
| Набір інструментів Dojo | BSD |
Приклади тестових випадків тестування графічного інтерфейсу
Тестування графічного інтерфейсу в основному передбачає
- Тестування розміру, положення, ширини, висоти елементів.
- Тестування повідомлень про помилки, які відображаються.
- Тестування різних розділів екрана.
- Тестування шрифту, читається він чи ні.
- Тестування екрану в різних роздільних здатностях за допомогою збільшення та зменшення масштабу, як 640 x 480, 600x800 тощо.
- Тестування вирівнювання текстів та інших елементів, таких як піктограми, кнопки тощо, знаходяться у належному місці чи ні.
- Тестування кольорів шрифтів.
- Тестування кольорів повідомлень про помилки, попереджувальних повідомлень.
- Перевірка того, чи має зображення хорошу чіткість чи ні.
- Тестування вирівнювання зображень.
- Перевірка правопису.
- Користувач не повинен засмучуватися під час використання системного інтерфейсу.
- Перевірка привабливості інтерфейсу чи ні.
- Тестування смуг прокрутки відповідно до розміру сторінки, якщо така є.
- Тестування відключених полів, якщо такі є.
- Тестування розміру зображень.
- Перевірка заголовків, чи правильно він вирівняний чи ні.
- Тестування кольору гіперпосилання.
Демонстрація: Як зробити тест GUI
Тут ми використаємо кілька зразків тестових кейсів для наступного екрану.
Нижче наведено приклад тестових кейсів, який складається із сценаріїв тестування інтерфейсу користувача та юзабіліті.
TC 01 - Переконайтеся, що текстове поле з міткою " Папка джерела " вирівняне належним чином.
TC 02 - Перевірте, чи правильно вирівняно текстове поле з міткою " Пакет ".
TC 03 - Переконайтеся, що мітка з назвою " Огляд " є кнопкою, яка знаходиться в кінці TextBox з назвою " Папка джерела" .
TC 04 - Переконайтеся, що мітка з назвою " Огляд " є кнопкою, яка знаходиться в кінці TextBox з назвою " Пакет ".
TC 05 - Переконайтеся, що текстове поле з міткою " Ім'я " вирівняно належним чином.
TC 06 - Переконайтеся, що мітка " Модифікатори " складається з 4 перемикачів із назвою public, default, private, protected.
TC 07 - Переконайтеся, що мітка " Модифікатори " складається з 4 перемикачів, які правильно вирівняні поспіль.
TC 08 - Переконайтеся, що мітка " Суперклас " під міткою " Модифікатори " складається з випадаючого списку, який повинен бути правильно вирівняний.
TC 09 - Переконайтеся, що ярлик " Суперклас " складається з кнопки з написом " Огляд ", яка повинна бути правильно вирівняна.
TC 10 - Переконайтеся, що натискання на будь-яку перемикач вказівника миші за замовчуванням має бути змінено на вказівник миші.
TC 11 - Переконайтеся, що користувач не повинен мати можливість вводити спадне меню " Суперклас ".
TC 12 - Переконайтесь, що, якщо щось було помилково вибрано, має бути створено належну помилку.
TC 13 - Переконайтеся, що помилка повинна генеруватися ЧЕРВОНИМ кольором, де це необхідно.
TC 14 - Переконайтеся, що в повідомленнях про помилки повинні використовуватися відповідні мітки.
TC 15 - Переконайтеся, що одиничні перемикачі повинні бути обрані за замовчуванням кожного разу.
TC 16 - Переконайтесь, що кнопка TAB повинна працювати належним чином під час переходу на інше поле поруч із попереднім.
TC 17 - Переконайтеся, що всі сторінки повинні містити відповідний заголовок.
TC 18 - Переконайтесь, що текст сторінки повинен бути правильно вирівняний.
TC 19 - Переконайтеся, що після оновлення будь-якого поля має відображатися належне повідомлення про підтвердження.
TC 20 - Переконайтеся, що потрібно вибрати лише 1 перемикач, і можна встановити більше, ніж окремі прапорці.
Проблеми в тестуванні графічного інтерфейсу
У програмній інженерії найпоширенішою проблемою тестування регресії є те, що графічний інтерфейс програми часто змінюється. Дуже важко перевірити та визначити, чи це проблема, чи вдосконалення. Проблема виявляється, коли у вас немає жодних документів щодо змін графічного інтерфейсу.
Інструменти тестування графічного інтерфейсу
Нижче наведено список популярних засобів тестування графічного інтерфейсу :
- Ранорекс
- Селен
- QTP
- Огірок
- SilkTest
- TestComplete
- Squish GUI Tester
Клацніть тут, щоб дізнатись про селен, QTP та огірок.
Висновок:
Успіх програмного продукту надзвичайно залежить від того, як графічний інтерфейс взаємодіє з користувачем та простоти використання різних його функцій. Отже, тестування графічного інтерфейсу є дуже важливим. Ручне тестування графічного інтерфейсу може бути повторюваним і нудним, а отже і схильним до помилок. Автоматизація настійно рекомендується для тестування графічного інтерфейсу.
Ця стаття стала можливою завдяки внескам Сваті Гілдіала, Пратіка Чандри та Гуру99.