Тестирование графического интерфейса пользователя — тестовые примеры пользовательского интерфейса (примеры)

Чтобы понять тестирование графического интерфейса, давайте сначала поймем:

Что такое графический интерфейс?

Существует два типа интерфейсов компьютерного приложения. Интерфейс командной строки — это место, где вы вводите текст, и компьютер отвечает на эту команду. GUI означает графический интерфейс пользователя, в котором вы взаимодействуете с компьютером, используя изображения, а не текст.

Фоллоwing — это элементы графического интерфейса, которые можно использовать для взаимодействия между пользователем и приложением:

Тестирование графического интерфейса: полное руководство

Тестирование графического интерфейса — это проверка вышеупомянутых элементов.

Что такое тестирование графического интерфейса?

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

GUI — это то, что видит пользователь. Скажем, если вы посетите guru99.com, вы увидите, скажем, домашнюю страницу, это графический интерфейс пользователя (графический интерфейс пользователя) сайта. Пользователь не видит исходный код. Интерфейс виден пользователю. Особое внимание уделяется структуре дизайна, изображениям, которые работают правильно или нет.

Тестирование графического интерфейса: полное руководство

В приведенном выше примере, если нам нужно провести тестирование графического интерфейса, мы сначала проверяем, что изображения должны быть полностью видимы в разных браузерах.

Также ссылки доступны, и кнопка должна работать при нажатии.

Кроме того, если пользователь изменяет размер экрана, ни изображения, ни контент не должны сжиматься, обрезаться или перекрываться.

Необходимость тестирования графического интерфейса

Теперь основная концепция тестирования графического интерфейса ясна. Несколько вопросов, которые возникнут у вас в голове, будут

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

Чтобы получить ответ, думайте как пользователь, а не как тестировщик. Пользователь не имеет никаких знаний о программном обеспечении/приложении XYZ. Именно пользовательский интерфейс Приложения решает, будет ли пользователь использовать Приложение дальше или нет.

Обычный пользователь сначала наблюдает за дизайном и внешним видом приложения/программного обеспечения, а также за тем, насколько легко ему понять пользовательский интерфейс. Если пользователю не нравится интерфейс или найдите приложение на сайте com.plex чтобы понять, что он никогда больше не будет использовать это приложение. Вот почему графический интерфейс вызывает беспокойство, и необходимо провести надлежащее тестирование, чтобы убедиться, что графический интерфейс не содержит ошибок.

Что вы проверяете при тестировании графического интерфейса?

Фоллоwing Контрольный список обеспечит детальное тестирование графического интерфейса при тестировании программного обеспечения.

  • Проверьте все элементы графического интерфейса на размер, положение, ширину, длину и возможность ввода символов или цифр. Например, вы должны иметь возможность вводить данные в поля ввода.
  • Убедитесь, что вы можете выполнить намеченные функции приложения с помощью графического интерфейса.
  • Проверьте, что сообщения об ошибках отображаются правильно
  • Проверьте четкое разграничение различных разделов на экране.
  • Проверьте, чтобы шрифт, используемый в приложении, был читаемым.
  • Проверьте правильность выравнивания текста
  • Убедитесь, что цвет шрифта и предупреждающие сообщения выглядят эстетично.
  • Убедитесь, что изображения имеют хорошую четкость.
  • Убедитесь, что изображения правильно выровнены
  • Проверьте расположение элементов графического интерфейса для разных разрешений экрана.

Методы тестирования графического интерфейса

Методы тестирования графического интерфейса можно разделить на три части:

Ручное тестирование

При таком подходе графические экраны проверяются вручную тестировщиками на соответствие требованиям, изложенным в документе бизнес-требований.

Тестирование графического интерфейса: полное руководство

Запись и воспроизведение

Тестирование графического интерфейса можно проводить с помощью инструментов автоматизации. Это делается в 2-х частях. Во время записи этапы тестирования фиксируются инструментом автоматизации. Во время воспроизведения записанные этапы тестирования выполняются в тестируемом приложении. Пример таких инструментов — QTP.

Тестирование графического интерфейса: полное руководство

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

Тестирование графического интерфейса: полное руководство

Модель — это графическое описание поведения системы. Это помогает нам понимать и прогнозировать поведение системы. Модели помогают создавать эффективные тестовые примеры с использованием системных требований. Следующееwing Для тестирования на основе этой модели необходимо учитывать:

  • Построить модель
  • Определите входные данные для модели
  • Рассчитайте ожидаемый результат для модели
  • Запустите тесты
  • Сравните фактический результат с ожидаемым.
  • Решение о дальнейших действиях по модели

Некоторые методы моделирования, на основе которых можно получить тестовые примеры:

  • Диаграммы — отображают состояние системы и проверяют состояние после некоторых входных данных.
  • Таблицы решений – таблицы, используемые для определения результатов для каждого примененного входного сигнала.

Тестирование на основе моделей — это развивающийся метод создания тестовых примеров на основе требований.. Его главное преимущество по сравнению с двумя вышеупомянутыми методами заключается в том, что он может определять нежелательные состояния, которых может достичь ваш графический интерфейс.

Фоллоwing — это инструменты с открытым исходным кодом, доступные для проведения автоматического тестирования пользовательского интерфейса.

Продукт Под лицензией
AutoHotkey GPL
Селен апаш
Сикули MIT
Робот Фреймворк апаш
Вода BSD
Набор инструментов Dojo BSD

Примеры тестовых случаев тестирования графического пользовательского интерфейса

Тестирование GUI в основном включает в себя

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

Демо: Как провести тест графического интерфейса

Здесь мы будем использовать несколько примеров тестовых примеров для следующего:wing экран.

Тестирование графического интерфейса: полное руководство

Фоллоwing ниже приведен пример тестовых случаев, который состоит из сценариев тестирования пользовательского интерфейса и удобства использования.

Тестовый пример 01. Убедитесь, что текст box с этикеткой «Исходная папка» выровнено правильно.

Тестовый пример 02. Убедитесь, что текст box с этикеткой «Упаковка» выровнено правильно.

Тестовый пример 03. Убедитесь, что метка с именем «ЛИСТАТЬ СПИСКИ” — это кнопка, расположенная в конце текста.Box с названием «Исходная папка".

Тестовый пример 04. Убедитесь, что метка с именем «ЛИСТАТЬ СПИСКИ” — это кнопка, расположенная в конце текста.Box с названием «Упаковка".

Тестовый пример 05. Убедитесь, что текст box с этикеткой «Фамилия» выровнено правильно.

Тестовый пример 06. Убедитесь, что метка «Модификаторы» состоит из 4 переключателей с названиями public, default, Private, protected.

Тестовый пример 07. Убедитесь, что метка «Модификаторы» состоит из 4 переключателей, которые правильно выровнены в ряд.

Тестовый пример 08. Убедитесь, что метка «Суперкласс» под этикеткой «Модификаторы» состоит из раскрывающегося списка, который должен быть правильно выровнен.

Тестовый пример 09. Убедитесь, что метка «Суперкласс” состоит из кнопки с надписью “ЛИСТАТЬ СПИСКИ»на нем, который должен быть правильно выровнен.

Тестовый пример 10. Убедитесь, что при нажатии на любой переключатель указатель мыши по умолчанию должен быть изменен на указатель мыши в виде руки.

Тестовый пример 11. Убедитесь, что пользователь не может ввести в раскрывающемся списке «Суперкласс".

Тестовый пример 12. Убедитесь, что должна быть сгенерирована правильная ошибка, если что-то было выбрано ошибочно.

Тестовый пример 13. Убедитесь, что ошибка должна генерироваться КРАСНЫМ цветом везде, где это необходимо.

Тестовый пример 14. Убедитесь, что в сообщениях об ошибках должны использоваться правильные метки.

Тестовый пример 15. Убедитесь, что отдельные переключатели должны выбираться по умолчанию каждый раз.

Тестовый пример 16. Убедитесь, что кнопка TAB работает правильно при переходе на другое поле рядом с предыдущим.

Тестовый пример 17. Убедитесь, что все страницы содержат правильный заголовок.

Тестовый пример 18. Убедитесь, что текст страницы правильно выровнен.

Тестовый пример 19. Убедитесь, что после обновления любого поля должно отображаться правильное подтверждающее сообщение.

Тестовый пример 20. Убедитесь, что должен быть выбран только один переключатель и проверено более одной кнопки.boxes могут быть выбраны.

Проблемы тестирования графического интерфейса

В разработке программного обеспечения наиболее распространенная проблема при выполнении Регрессионное тестирование заключается в том, что графический интерфейс приложения часто меняется. Очень сложно проверить и определить, является ли это проблемой или улучшением. Проблема проявляется, когда у вас нет документов, касающихся изменений графического интерфейса.

Инструменты тестирования графического интерфейса

Фоллоwing это список популярных Инструменты тестирования графического интерфейса :

  1. Селен
  2. QTP
  3. Огурец
  4. ШелкТест
  5. Тест завершен
  6. Тестер графического интерфейса Squish

Нажмите здесь, чтобы узнать Селен, QTP & Огурец.

Вывод:

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