Чтобы понять тестирование графического интерфейса, сначала нужно понять:
Что такое графический интерфейс?
Для компьютерного приложения существует два типа интерфейсов. Интерфейс командной строки - это место, где вы вводите текст, и компьютер реагирует на эту команду. GUI означает графический интерфейс пользователя, в котором вы взаимодействуете с компьютером, используя изображения, а не текст.
Ниже приведены элементы графического интерфейса, которые могут использоваться для взаимодействия между пользователем и приложением:
Тестирование графического интерфейса пользователя - это проверка перечисленных выше элементов.
Тестирование графического интерфейса
Тестирование графического интерфейса пользователя - это тип тестирования программного обеспечения, при котором проверяется графический пользовательский интерфейс программного обеспечения. Цель тестирования графического интерфейса пользователя (GUI) - убедиться, что функциональные возможности программного обеспечения работают в соответствии со спецификациями, проверяя экраны и элементы управления, такие как меню, кнопки, значки и т. Д.
GUI - это то, что видит пользователь. Скажем, если вы зайдете на guru99.com, то, скажем, на главной странице вы увидите графический интерфейс (графический интерфейс пользователя) сайта. Пользователь не видит исходный код. Интерфейс виден пользователю. Особое внимание уделяется структуре дизайна, изображениям, работают они правильно или нет.
В приведенном выше примере, если нам нужно выполнить тестирование графического интерфейса, мы сначала проверяем, что изображения должны быть полностью видны в разных браузерах.
Также ссылки доступны, и кнопка должна работать при нажатии.
Кроме того, если пользователь изменяет размер экрана, ни изображения, ни контент не должны сжиматься, обрезаться или перекрываться.
В этом руководстве вы узнаете:
- Что такое тестирование графического интерфейса?
- Необходимость тестирования графического интерфейса пользователя
- Что вы проверяете при тестировании графического интерфейса?
- Подход к тестированию графического интерфейса
- Сценарии тестирования графического интерфейса пользователя
- Демонстрация: как провести тест графического интерфейса пользователя
- Проблемы при тестировании графического интерфейса пользователя
Необходимость тестирования графического интерфейса пользователя
Теперь основная концепция тестирования графического интерфейса понятна. Несколько вопросов, которые придут вам в голову, будут
- Зачем нужно тестирование графического интерфейса?
- Это действительно нужно?
- Неужели тестирования функциональности и логики Приложения не более чем достаточно ?? Тогда зачем тратить время на тестирование пользовательского интерфейса.
Чтобы получить ответ, думайте как пользователь, а не как тестировщик. Пользователь ничего не знает о программном обеспечении / приложении XYZ. Пользовательский интерфейс приложения решает, будет ли пользователь использовать приложение дальше или нет.
Обычный пользователь сначала наблюдает за дизайном и внешним видом приложения / программного обеспечения, а также за тем, насколько легко ему понять пользовательский интерфейс. Если пользователь не доволен интерфейсом или находит приложение сложным для понимания, он никогда не будет использовать это приложение снова. Вот почему графический интерфейс вызывает беспокойство, и необходимо провести надлежащее тестирование, чтобы убедиться, что графический интерфейс не содержит ошибок.
Что вы проверяете при тестировании графического интерфейса?
Следующий контрольный список обеспечит подробное тестирование графического интерфейса пользователя при тестировании программного обеспечения.
- Проверьте все элементы графического интерфейса пользователя на предмет размера, положения, ширины, длины и приема символов или цифр. Например, вы должны иметь возможность вводить данные в поля ввода.
- Убедитесь, что вы можете выполнить намеченные функции приложения с помощью графического интерфейса.
- Проверьте правильность отображения сообщений об ошибках
- Проверьте четкое разграничение различных разделов на экране
- Убедитесь, что шрифт, используемый в приложении, читается
- Убедитесь, что текст выравнивается правильно
- Проверьте цвет шрифта и предупреждающие сообщения эстетически приятны
- Убедитесь, что изображения имеют хорошую четкость
- Убедитесь, что изображения правильно выровнены
- Проверьте расположение элементов графического интерфейса для разного разрешения экрана.
Методы тестирования графического интерфейса пользователя
Методы тестирования графического интерфейса пользователя можно разделить на три части:
Ручное тестирование
При таком подходе тестеры вручную проверяют графические экраны в соответствии с требованиями, изложенными в документе бизнес-требований.
Запись и воспроизведение
Тестирование графического интерфейса пользователя можно проводить с помощью средств автоматизации. Делается это в 2-х частях. Во время записи шаги теста фиксируются инструментом автоматизации. Во время воспроизведения записанные шаги теста выполняются в тестируемом приложении. Пример такого инструмента - QTP.
Тестирование на основе модели
Модель - это графическое описание поведения системы. Это помогает нам понять и спрогнозировать поведение системы. Модели помогают в создании эффективных тестовых примеров с использованием системных требований. При тестировании на основе этой модели необходимо учитывать следующее:
- Построить модель
- Определите входные данные для модели
- Рассчитайте ожидаемый результат для модели
- Запустите тесты
- Сравните фактический результат с ожидаемым.
- Решение о дальнейших действиях по модели
Некоторые методы моделирования, на основе которых могут быть получены тестовые примеры:
- Диаграммы - отображает состояние системы и проверяет состояние после некоторого ввода.
- Таблицы решений - таблицы, используемые для определения результатов для каждого примененного входного сигнала.
Тестирование на основе моделей - это развивающийся метод создания тестовых примеров на основе требований . Его главное преимущество по сравнению с двумя вышеупомянутыми методами заключается в том, что он может определять нежелательные состояния, которых может достичь ваш графический интерфейс.
Ниже приведены инструменты с открытым исходным кодом, доступные для проведения автоматического тестирования пользовательского интерфейса.
| Товар | Лицензия под |
|---|---|
| AutoHotkey | GPL |
| Селен | Apache |
| Сикули | Массачусетский технологический институт |
| Робот Фреймворк | Apache |
| Вода | BSD |
| Набор инструментов Dojo | BSD |
Примеры тестовых случаев для тестирования графического интерфейса пользователя
Тестирование графического интерфейса в основном включает в себя
- Тестирование размера, положения, ширины, высоты элементов.
- Тестирование отображаемых сообщений об ошибках.
- Тестирование разных участков экрана.
- Тестирование шрифта на читабельность.
- Тестирование экрана в разных разрешениях с помощью увеличения и уменьшения масштаба 640 x 480, 600 x 800 и т. Д.
- Проверка выравнивания текстов и других элементов, таких как значки, кнопки и т. Д., Находятся в нужном месте или нет.
- Тестирование цветов шрифтов.
- Тестирование цветов сообщений об ошибках, предупреждающих сообщений.
- Проверка четкости изображения.
- Проверка совмещения изображений.
- Проверка орфографии.
- Пользователь не должен расстраиваться при использовании системного интерфейса.
- Проверка привлекательности интерфейса.
- Тестирование полос прокрутки по размеру страницы, если таковая имеется.
- Тестирование отключенных полей, если таковые имеются.
- Тестирование размера изображений.
- Проверка заголовков на правильность их выравнивания.
- Тестирование цвета гиперссылки.
Демонстрация: как пройти тест графического интерфейса пользователя
Здесь мы будем использовать несколько примеров тестов для следующего экрана.
Ниже приведен пример тестовых случаев, который состоит из сценариев тестирования пользовательского интерфейса и удобства использования.
TC 01 - Убедитесь, что текстовое поле с меткой « Исходная папка » правильно выровнено.
TC 02 - Убедитесь, что текстовое поле с меткой « Пакет » правильно выровнено.
TC 03 - Убедитесь, что метка с именем « Обзор » является кнопкой, расположенной в конце текстового поля с именем « Исходная папка ».
TC 04 - Убедитесь, что метка с именем « Обзор » является кнопкой, расположенной в конце текстового поля с именем « Пакет ».
TC 05 - Убедитесь, что текстовое поле с меткой « Имя » правильно выровнено.
TC 06 - Убедитесь, что метка « Модификаторы » состоит из 4 переключателей с именами общедоступный, по умолчанию, частный, защищенный.
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
Нажмите здесь, чтобы узнать о Selenium, QTP и Cucumber.
Вывод:
Успех программного продукта во многом зависит от того, как графический интерфейс взаимодействует с пользователем и от легкости использования его различных функций. Следовательно, тестирование графического интерфейса очень важно. Ручное тестирование графического интерфейса пользователя иногда может быть повторяющимся и утомительным и, следовательно, подверженным ошибкам. Для тестирования графического интерфейса настоятельно рекомендуется автоматизация.
Эта статья стала возможной благодаря вкладам Свати Гилдиял, Пратик Чандра и Guru99.