что такое gui тестирование
вторник, 18 мая 2021 г.
Тестирование GUI
GUI — graphical user interface, графический пользовательский интерфейс. Это то, с чем работает обычный пользователь, открыл сайт и тык-тык по кнопочкам.
Тестирование GUI — это проверка того, что интерфейс выглядит как задумано. Иногда это означает выверку по макетам из ТЗ. И даже если видишь сдвиг на 1 пиксель — заводишь баг. Но чаще всего это означает просто проверить, что все кнопочки нажимаются, текст за границы нигде не вылезает, и других косяков нет. Баги вёрстки в вебе, баги наложения текста в мобилках.
Если у вас не стоит задачи выверять расположение каждого пикселя, то отдельно тестирование GUI не проводится. Вы проверяете функционал, обращая при этом внимание на отображение. И всё. Баги вёрстки вы и так заметите, по крайней мере, должны.
Этим человек выгодно отличается от робота. Робот проверит ровно то, что ему сказали. Сказали «тыкнуть «войти» и ввести такие-то данные», он и тыкнет. И пофигу будет роботу, что формочку всю перекосило, свою задачу то он выполнил! А человек заметит косяк и поставит баг.
Вот, например, проверяем «А что будет, если ввести длиииииииинное ФИО при регистрации?». Нам выдается абсолютно корректное сообщение об ошибке, вот только оно слегка выехало за пределы поля (скриншот из этой статьи):
Человек такую проблему сразу заметит. Робот — нет. Он проверит текст ошибки. Текст корректный? Тест пройден!
Или если вы открываете знакомую форму, чтобы провести функциональный тест, и вдруг видите такое (скриншот из этой статьи):
Разумеется, тестировщик сразу заметит проблему и сообщит о ней, даже если исходно собирался тестировать что-то на вкладке «Триггеры». А робот пойдет делать свой функциональный тест, ему ведь не сказано исследовать вообще все элементы на странице.
А если есть форма ввода текста и галочка «заполнено верно / не верно»? Перед тем, как писать автотест, вы все равно посмотрите на эту форму «глазками». И сразу увидите проблему — маркер стоит внутри поля. Что будет, если ввести длинный текст? (скриншот из этой статьи):
Тестировщика такая форма тут же насторожит. Да, возможно, разработчик извратился и не дает ввести столько символов, чтобы они налезли на маркер, или включает прокрутку поля. Но сомнительно. Скорее просто не продумал такой кейс.
А вот и пример «текст не влез в размеры кнопки» (скриншот из этой статьи):
При этом при уменьшении экрана все хорошо:
Забавно, обычно бывает наоборот. Но тут явно продумали мобильную версию, учли тот факт, что текста на кнопке много, проверили. А на обычном экране не заметили =)
Наложение текста, выход за рамки области и т.д. — очень часто встречается на мобильниках. Например, в играх. Ведь именно там ограничен бюджет и проверять на всех моделях нет времени и смысла. Тем более что всякие вылезания — ну камон, это некритично, играть то можно!
Так что если хотите поискать баги, не забудьте про любимые игры в телефоне. Вот что там можно найти:
1. Картинка морского ежа не влезает в отведенное ей место (исходная статья)
2. Картинка акции Валентинова дня не влезает в экран mini ipad (исходная статья). Попробуйте прочитать текст внизу, когда закончится акция?
3. Количество алмазов не влезает в свое окошко. Посмотрите на правый верхний угол, если за раннее скачивание игры или по другим причинам выдают много алмазов, как это будет выглядеть?
Автоматизировать ТАКОЕ смысла нет, а вот ручной тестировщик сразу обнаружит проблему. При том, что тестировать он будет функционал. А на проблемы в GUI попутно обратит внимание.
Тестирование графического интерфейса (GUI testing)
Дата публикации: 14.07.2017
Статья просмотрена: 13675 раз
Библиографическое описание:
Абраров, Р. Д. Тестирование графического интерфейса (GUI testing) / Р. Д. Абраров, В. О. Пак. — Текст : непосредственный // Техника. Технологии. Инженерия. — 2017. — № 3.1 (5.1). — С. 3-4. — URL: https://moluch.ru/th/8/archive/62/2630/ (дата обращения: 21.11.2021).
Что такое GUI?
Есть два типа интерфейсов для компьютерных приложений.
Интерфейс командной строки, где вы набираете текст и компьютер ответчик к этой команде.
GUI означает графический интерфейс пользователя, где вы взаимодействуете с компьютером, используя изображения, а не текст.
Ниже приведены GUI элементы, которые могут быть использованы для взаимодействия между пользователем и приложением:
GUI тестирование, является проверкой указанных элементов[1].
Что такое GUI тестирование?
Тестирование GUI является процесс тестирования графического пользовательского интерфейса системы из тестируемого приложения. Тестирование GUI участвует проверку экранов с элементами управления, такими как кнопки меню, иконка и все виды баров – панели инструментов, панели меню, диалоговым окном и т.д.
GUI это то, что видит пользователь. Пользователь не видит исходный код. Интерфейс виден пользователю. Особенно акцент делается на дизайн структуры, образы, которые они работают должным образом или нет.
В приведенном выше примере, если мы должны сделать тестирование GUI, сначала убедитесь, что изображения должны быть полностью видны в разных браузерах.
Кроме того, ссылки доступны, и кнопка должна работать при нажатии.
Кроме того, если пользователь изменил размер экрана, ни изображения, ни содержание должно сокращаться или кадрирования или перекрытия.
Необходимость тестирования графического интерфейса пользователя
Теперь, основная концепция тестирования GUI ясно. Несколько вопросов:
Почему тестирование GUI?
Действительно ли это необходимо?
Достаточно ли тестирование функциональности и логики приложения?
Чтобы получить ответ, думайте как пользователь, а не в качестве тестера. Это пользовательский интерфейс приложения, который решил, что пользователь будет использовать приложение дальше или нет.
Обычный пользователь сначала наблюдает за дизайном и внешностью приложения / программного обеспечения и насколько легко понять его интерфейс. Если пользователь не чувствует себя комфортно с интерфейсом приложений или найти сложно понять, что он никогда не будет использовать это приложение еще раз. Вот почему, графический интерфейс является предметом для беспокойства, и надлежащее тестирование должно проводиться для того, чтобы убедиться, что GUI свободен от ошибок.
Что вы проверяете в GUI тестирования?
Следующий перечень обеспечит детальное тестирование GUI.
Проверьте все элементы GUI для размера, положения, ширины, длины и акцепта символов или цифр. Например, вы должны быть в состоянии внести свой вклад в соответствующие поля ввода.
Убедитесь, что вы можете выполнить намеченную функциональность приложения с помощью графического интерфейса
Проверить Сообщения об ошибках отображаются правильно
Проверьте, четкое разграничение различных участков на экране
Проверьте шрифт, используемый в приложении для чтения
Проверьте выравнивание текста собственно
Проверьте цвет шрифта и предупреждающие сообщения эстетично
Убедитесь, что изображения имеют хорошую прозрачность
Убедитесь, что изображения правильно выровнены
Проверьте расположение элементов графического интерфейса для различного разрешения экрана.
Подход тестирования графического интерфейса пользователя
тестирование графического интерфейса пользователя может быть сделано с помощью трех способов:
Ручное тестирование
При таком подходе графические экраны проверяются вручную тестерами в соответствии с требованиями, указанными в документе бизнес-требований.
Запись и воспроизведение
Тестирование GUI можно выполнить с помощью инструментов автоматизации. Это делается в 2 частях. Во время записи шаги теста записываются инструментом автоматизации. Во время воспроизведения записанные этапы тестирования выполняются в тестовом приложении.
Модель на основе тестирования
Модель представляет собой графическое описание поведения системы. Это поможет нам понять и предсказать поведение системы. Модели помогают в поколении эффективных тестов с использованием требований к системе. Эти потребности должны быть рассмотрены для этого тестирования на основе модели:
Определить исходные данные для модели
Рассчитать ожидаемый выход для модели
Сравните фактический выход с ожидаемым выходом
Решение о дальнейших действиях по модели
Тестирование графического интерфейса пользователя в основном связано с
Проблемы в тестировании GUI
Самой распространенной проблемой приходят при этом регрессионного тестирования является то, что GUI приложения часто меняется. Это очень трудно проверить и определить, является ли это проблемой или аксессуара. Проблема проявляется, когда у вас нет каких-либо документов, касающихся изменений GUI.
Вывод:
Успех программного продукта очень зависит от того, как GUI взаимодействует с пользователем и легкость в использовании его различных функций. Таким образом, тестирование GUI очень важно. Ручное тестирование GUI может быть иногда повторяющимся и скучным. Автоматизация настоятельно рекомендуется для тестирования графического интерфейса пользователя.
Похожие статьи
Игровой интерфейс и управление игрой | Статья в журнале.
Тестирование графического интерфейса (GUI testing). Тестирование GUI участвует проверку экранов с элементами управления, такими как кнопки меню, иконка и все виды баров – панели инструментов, панели меню, диалоговым окном и т.д.
Пользовательский интерфейс | Статья в журнале.
Тестирование графического интерфейса (GUI testing). GUI означает графический интерфейс пользователя, где вы взаимодействуете с компьютером, используя изображения, а не текст. Ниже приведены GUI элементы.
Графический интерфейс пользователя — это обширная тема.
Тестирование графического интерфейса (GUI testing). GUI означает графический интерфейс пользователя, где вы взаимодействуете с компьютером, используя изображения, а не текст. Особенно акцент делается на дизайн структуры, образы.
Анализ и сравнение методов контроля при проведении.
Тестирование графического интерфейса (GUI testing). Тестирование GUI является процесс тестирования графического пользовательского интерфейса системы из тестируемого приложения.
Разработка модуля формирования документов студенческой.
Тестирование графического интерфейса (GUI testing). Тестирование GUI является процесс тестирования графического пользовательского интерфейса системы из тестируемого приложения.
Тестирование графического интерфейса (GUI testing). Есть два типа интерфейсов для компьютерных приложений. Интерфейс командной строки, где вы набираете текст и компьютер ответчик к этой команде.
Работа с элементами GUI на примере приложения.
Тестирование графического интерфейса (GUI testing). Тестирование GUI участвует проверку экранов с элементами управления, такими как кнопки меню, иконка и все виды баров – панели инструментов, панели меню, диалоговым окном и т.д.
Разработка программного приложения визуализации упражнений.
Тестирование графического интерфейса (GUI testing).
Кроме того, если пользователь изменил размер экрана, ни изображения, ни содержание должно сокращаться или кадрирования или перекрытия.
Применение возможностей Python для автоматизации.
Тестирование графического интерфейса (GUI testing).
GUI означает графический интерфейс пользователя, где вы взаимодействуете с компьютером, используя изображения, а не текст.
Похожие статьи
Игровой интерфейс и управление игрой | Статья в журнале.
Тестирование графического интерфейса (GUI testing). Тестирование GUI участвует проверку экранов с элементами управления, такими как кнопки меню, иконка и все виды баров – панели инструментов, панели меню, диалоговым окном и т.д.
Пользовательский интерфейс | Статья в журнале.
Тестирование графического интерфейса (GUI testing). GUI означает графический интерфейс пользователя, где вы взаимодействуете с компьютером, используя изображения, а не текст. Ниже приведены GUI элементы.
Графический интерфейс пользователя — это обширная тема.
Тестирование графического интерфейса (GUI testing). GUI означает графический интерфейс пользователя, где вы взаимодействуете с компьютером, используя изображения, а не текст. Особенно акцент делается на дизайн структуры, образы.
Анализ и сравнение методов контроля при проведении.
Тестирование графического интерфейса (GUI testing). Тестирование GUI является процесс тестирования графического пользовательского интерфейса системы из тестируемого приложения.
Разработка модуля формирования документов студенческой.
Тестирование графического интерфейса (GUI testing). Тестирование GUI является процесс тестирования графического пользовательского интерфейса системы из тестируемого приложения.
Тестирование графического интерфейса (GUI testing). Есть два типа интерфейсов для компьютерных приложений. Интерфейс командной строки, где вы набираете текст и компьютер ответчик к этой команде.
Работа с элементами GUI на примере приложения.
Тестирование графического интерфейса (GUI testing). Тестирование GUI участвует проверку экранов с элементами управления, такими как кнопки меню, иконка и все виды баров – панели инструментов, панели меню, диалоговым окном и т.д.
Разработка программного приложения визуализации упражнений.
Тестирование графического интерфейса (GUI testing).
Кроме того, если пользователь изменил размер экрана, ни изображения, ни содержание должно сокращаться или кадрирования или перекрытия.
Применение возможностей Python для автоматизации.
Тестирование графического интерфейса (GUI testing).
GUI означает графический интерфейс пользователя, где вы взаимодействуете с компьютером, используя изображения, а не текст.
Все, что вам нужно знать о тестировании пользовательского интерфейса
Начнем с вопроса. Что первое, с чем пользователь взаимодействует на веб-сайте? Интерфейс, конечно. Внешний вид сайта — это первое, что создает «первое впечатление» на пользователей. Интерактивное веб-приложение может заключать или нарушать условия для пользователей, поэтому все больше и больше людей выбирают тестирование пользовательского интерфейса для своих веб-приложений.
Все, что пользователь видит и играет на веб-сайте, подпадает под категорию пользовательского интерфейса. Это пространство, на котором взаимодействует сайт и пользователь. Поэтому, когда вы нажимаете на колесо с разделом « Играй и выигрывай» на Amazon каждое воскресенье, и колесо вращается, чтобы раздавать призы, оно взаимодействует с пользователем. Они могли бы сделать это с помощью простой функции «нажми и увидишь», но они знают важность пользовательского опыта.
UI / UX стал намного более важным в последнее десятилетие. По мере того, как число конкурентов в нашей нише увеличивается, мы должны следить за тем, чтобы наши пользователи оставались на шаг впереди и предоставляли нашим пользователям наилучший пользовательский опыт. Кроме того, поскольку веб-приложение поставляется с рядом функций, которые иногда могут быть довольно сложными. Вот почему становится жизненно важным сделать этот процесс более плавным и интуитивно понятным для пользователя. В противном случае они могут просто оставить ваше приложение разочарованным сложностью. Вот почему пользовательский интерфейс стал таким жизненно важным, и поэтому тестирование пользовательского интерфейса!
В этой статье я подробно расскажу о тестировании пользовательского интерфейса и почему оно важно. Я также поделюсь некоторыми деталями о методах тестирования пользовательского интерфейса наряду с некоторыми важными инструментами для тестирования пользовательского интерфейса.
Итак, что такое UI Testing?
Тестирование пользовательского интерфейса или тестирование пользовательского интерфейса — это тип тестирования, при котором мы проверяем, работает ли пользовательский интерфейс для веб-приложения нормально или имеет какой-либо дефект, который препятствует поведению пользователя и не соответствует установленным требованиям. Например, для тестирования пользовательского интерфейса мы можем выполнить тест для текстового поля, которое будет принимать ввод от пользователя или раскрывающийся список, который скользит вниз, когда на него наведена мышь.
Очень важно знать, как пользователь будет взаимодействовать между пользователем и веб-сайтом, чтобы выполнить тестирование пользовательского интерфейса. Другими словами, выполняя тестирование пользовательского интерфейса, тестировщик пытается имитировать поведение пользователя, чтобы увидеть, как пользователь будет взаимодействовать с веб-сайтом, и посмотреть, работает ли веб-сайт так, как ожидается, и нет ли недостатков. Небольшой недостаток пользовательского интерфейса, такой как проблема в кнопке CTA, может привести к тому, что посетитель вашего веб-сайта не сможет заполнить ведущую форму, тем самым никогда не конвертировавшись. Кто знает, если бы это был пользователь, который, наконец, повысил бы вашу рентабельность инвестиций.
Веб-сайт состоит из множества различных веб-элементов из CSS, JavaScript и многих других языков. Тестирование пользовательского интерфейса захватывает эти элементы и выполняет тесты и утверждения на них. Основное внимание уделяется структурной и визуальной части веб-сайта, поскольку именно это касается пользователя, а не того, как данные хранятся в базе данных. Поскольку тестирование пользовательского интерфейса охватывает интерактивную часть пользователя, а элемент веб-сайта может быть подключен к экрану, клавиатуре, мыши или любому другому компоненту, который пользователь использует для взаимодействия с веб-сайтом, это в конечном итоге подпадает под тестирование пользовательского интерфейса.
Следующий тестовый сценарий поможет вам понять компонент, который важен для тестирования пользовательского интерфейса. В этом тестовом сценарии я пытаюсь забронировать 3 билета на фильм на популярном веб-сайте BookMyShow для бронирования билетов в кино и на мероприятия. Когда я выбираю место E-13, он автоматически выбирает 3 места следующим образом:
Их отбирают постоянно, и это здорово, так как большинство людей, бронирующих билеты, будут сидеть вместе. Теперь, если я выберу F-23 вместо E-13, посмотрим, что произойдет.
Обратите внимание, что E-13 автоматически отменяется, поскольку приложение ожидает, что люди захотят сидеть вместе, и следующий выбор будет F-22.
Когда я выберу E-13 в качестве следующего места, приложение выберет только это место. Это серьезная проблема, поскольку приложение может автоматически выбирать E-13,14,15 после выбора E-13, как на первом этапе.
Отказ в этих типах функций может повредить пользовательскому опыту и может расстроить их. Таким образом, становится жизненно важным проводить тестирование пользовательского интерфейса.
Тестирование пользовательского интерфейса — это то же самое, что тестирование графического интерфейса?
GUI (графический пользовательский интерфейс) и UI (пользовательский интерфейс) часто рассматриваются как два похожих понятия в мире внешнего тестирования. Но на более глубоком уровне их нет. Тестирование пользовательского интерфейса представляет собой более широкую область, и тестирование пользовательского интерфейса можно рассматривать как подмножество тестирования пользовательского интерфейса. Тестирование GUI включает в себя тестирование графических интерфейсов, таких как цвет элементов, функционирование элементов, видимых для пользователя, и т. Д. В то время как тестирование UI также включает неграфическую часть интерфейсов, таких как средство чтения командной строки или что-либо через который пользователь будет взаимодействовать с GUI. Причина, по которой тестирование пользовательского интерфейса и тестирование GUI рассматриваются как сходные, заключается в том, что многие из компонентов тестирования пользовательского интерфейса используются реже. Таким образом, все, что сегодня используется в области тестирования пользовательского интерфейса, в основном является тестированием графического интерфейса.
Ручной или автоматический, какой путь?
Как и любой другой тип тестирования, тестирование пользовательского интерфейса также может выполняться либо вручную, либо с помощью автоматизации. Ручное тестирование требует, чтобы тестер выполнил каждый тест вручную на каждом элементе. Например, тестирование поля ввода потребовало бы вводить разные значения снова и снова для любых расхождений. На первый взгляд может показаться, что если в пользовательском интерфейсе веб-сайта меньше компонентов, лучше пройти тестирование пользовательского интерфейса вручную, что будет легко и быстро. Хотя это правильно и должно быть сделано для более простого и простого веб-сайта, оно не должно быть подходом для сложных. Современные веб-сайты с богатым пользовательским интерфейсом делают ручное тестирование пользовательского интерфейса довольно неэффективным, трудоемким и подверженным ошибкам. Представьте, сколько раз вам придется вводить значения вручную, если на входе есть пять полей ввода и пять выпадающих списков. Это безумно высоко
Итак, зачем переходить на автоматизацию тестирования пользовательского интерфейса?
Как и в вышеупомянутых областях, кросс-браузерное тестирование также может выполняться обоими способами (вручную и автоматизацией). Но сотни и тысячи — это слишком много для человека или команды, чтобы тестировать вручную. Это должно быть автоматизировано. Автоматизация — это способ человека сказать компьютерам: «Я передаю вам инструкции, пожалуйста, делайте магию, как вы всегда делаете». Автоматическое межбраузерное тестирование выполняется с помощью сценариев и запуска их в нескольких браузерах. Количество и язык тестов зависит от тестера.
Selenium — лучший способ автоматизированного кросс-браузерного тестирования. Большой курс обучения помогает тестировщикам быстро и легко выполнять тесты на селен. Для беспроблемного тестирования рекомендуется использовать онлайн-кросс-браузерную платформу тестирования, которая интегрируется с Selenium и может предоставить множество функций с помощью функции перетаскивания мышью.
Но теперь, когда вы проверяете свой сайт в браузере Firefox, вы заметите, что окно не масштабируется: