Теория FrontEnd
В этом модуле поговорим про основы тестирования FrontEnd.
Frontend testing - это тип тестирования, который проверяет уровень представления (Presentation layer) в 3-уровневой архитектуре (3 Tier Architecture). С точки зрения непрофессионала, вы проверяете GUI - все, что видно на экране, на стороне клиента. Для веб-приложения интерфейсное тестирование будет включать проверку функциональных возможностей, таких как формы, графики, меню, отчеты и т. д., а также связанный Javascript.
Таким образом, тестирование фронтенда (frontend testing) — это проверка юзабельности и функциональности интерфейса сайта/приложения. Проще говоря, проверка вида и срабатывания меню, форм, кнопок и других элементов, с которыми работает пользователь/клиент. Почему это необходимость. При разработке сайта (приложения) его создатели хотят убедиться, что все работает корректно и «не будет сюрпризов на проде».
Тестирование GUI.
GUI — это графический интерфейс, то есть то, что пользователь видит на экране. Это, пожалуй, самая сложная для тестирования вещь, если речь идет например о проверке работы сайта, то мы должны как-то эмулировать работу браузера, который довольно сложно устроен, анализировать информацию, которая выводится на странице. Но этот вид тестирования очень важен, так как он взаимодействует с приложением так же, как и пользователь.
Цель GUI-тестирования
Ключевая задача данного процесса – проверить и удостовериться в том, что взаимодействие с графическим интерфейсом программного обеспечения реализовано верно, полностью соответствует задумке и техническому заданию. Кроме того, целью тестирования графического интерфейса является проверка того, как приложение или сайт выглядит на разных экранах.
Что относится к GUI-элементам?
Перед тем, как приступить к особенностям выполнения процесса, важно разобраться в том, что конкретно подразумевают под Graphical User Interface. Компоненты пользовательского интерфейса – элементы, которые позволяют пользователям взаимодействовать с любым программным обеспечением. Под понятием тестирование GUI подразумевают тщательную проверку таких инструментов.
Как правило, перечень элементов, попадающих под изучение и проверку, достаточно разнообразен. В большинстве случаев самыми распространенными компонентами, которые подлежат тестирование, являются:
поля для введения информации в формате текста;
checkbox для выбора нескольких вариаций;
командные кнопки, отвечающие за какое-либо действие;
радиокнопки для выбора только одного варианта;
иконки социальных сетей для распространения, подписки.
Также очень важно учесть вариации поведения и состояния GUI-компонентов. Речь идет про активирован/деактивирован, отображен/скрыт, до и после, заполнен или не заполнен.
По каким критериям осуществляется оценка качества GUI Testing?
Необходимо разобраться в том, что под графическим пользовательским интерфейсом понимают не только красивое оформление, наличие кнопок и иконок на сайте, в программном обеспечении. Бесперебойная работа Graphical User Interface гарантирует превосходный опыт всем пользователям. По этой причине очень важно хорошо спланировать и максимально качественно реализовать такие элементы, как:
эстетика, таблицы стилей;
удобная навигация приложением, сайтом;
совместимость программного обеспечения с разными операционными системами, веб-браузерами;
валидация данных, проверка на целостность;
безопасное задействование разнообразных режимов;
правильное выполнение сочетания клавиш, пользовательских действий.
Как правило, все юзеры в первую очередь акцентируют внимание и оценивают именно дизайн программы. Если у человека он вызывает дискомфорт, например, по причине некачественных изображений, сложного текста, непростой структуры меню, то приложение закрывается максимально быстро. Когда речь идет о программном обеспечении для смартфонов, пользователь удаляет его со своего устройства в считанные минуты. Минимизировать данный риск должна проверка графического интерфейса.
Методология GUI-тестирования
Абсолютно неважно проверяет ли приложение разработчик или процедура передана на аутсорс, тестирование графического интерфейса является обязательной частью любого производственного процесса. Сегодня существует большой выбор разновидностей проверки Graphical User Interface, с помощью которых можно удостовериться в соответствии ПО определенным стандартам или пожеланиям пользователей.
Особенности подхода к тестированию GUI
Процедуру важно выполнять, поставив себя на место гипотетических пользователей. Необходимо определить очевидные компоненты и элементы, вызывающие сложности. Потребуется сосредоточить максимум внимания на особенностях дизайна, а также пользовательского интерфейса, потока.
Самыми распространенными проблемами программного обеспечения, на которых обязательно стоит остановиться, считаются:
непоследовательность пустых пространств;
некорректная функциональность инструментов управления;
выравнивание на веб-странице;
орфографические ошибки, опечатки в наименованиях полей;
проблемы, связанные непосредственно с совместимостью с разными web-браузерами.
На данных элементах тестировщикам рекомендуется сделать отдельный акцент.
Чек-лист проверки
Чтобы не упустить ничего из виду во время тестирования GUI, потребуется составить контрольный список процедуры. Например, проверить:
размер, длину, ширину всех компонентов графического интерфейса;
функциональность программного обеспечения с помощью используемых GUI-элементов;
корректность отображения сообщений об ошибках;
четкость разграничения разделов на разных экранах;
читабельность и восприятие используемого цвета шрифта;
четкость изображений, их правильность выравнивания;
расположение компонентов графического интерфейса на разных дисплеях;
полосу прокрутки веб-страничек;
поведение всех элементов управления;
работу гиперссылок, всплывающих окон.
Не менее важно составить чек-лист по проверке поведения, удобства работы пользователей с приложением. Например, открытие программы двойным кликом, скорость загрузки, отображение необходимых разделов, правильность функционирования навигации и многое другое. Только комплексный подход позволит предложить целевой аудитории удобный и корректно работающий продукт.
Подведение итогов
Успех любого программного обеспечения зависит от взаимодействия графического пользовательского интерфейса с потенциальной целевой аудиторией. GUI обязательно должен облегчать использование приложения или веб-ресурса, задействование их функционала. Поэтому очень важно выполнять тестирование Graphical User Interface.
Сегодня возможно прибегнуть к двум способам проверки графического интерфейса:
ручному;
автоматическому.
Данные вариации имеют свои преимущества и недостатки, поэтому подбирать необходимо метод в каждом индивидуальном случае. Иногда ручная проверка может быть скучной и сложной, и идеальным вариантом станет автоматизация процесса. В некоторых моментах выполнять тестирование продукта могут только специалисты вручную, без использования автоматизированных инструментов.
Этот процесс предоставляет возможность уменьшить риск потери потенциальных пользователей программного обеспечения, веб-сайта, так как помогает найти проблемы в их удобстве, качестве.
Last updated