gui testing tutorial
Комплетан водич за ГУИ тестирање: Водич за тестирање корисничког интерфејса
Шта је ГУИ тестирање?
ГУИ тестирање је поступак тестирања графичког корисничког интерфејса апликације како би се осигурала одговарајућа функционалност у складу са спецификацијама. Укључује проверу компонената апликације попут дугмади, икона, поља за потврду, боје, менија, прозора итд.
како извршити ддос напад на веб локацији
Визуелна динамика веб апликације игра кључну улогу у прихватању апликације са корисником.
Сходно томе, ово прихватање доноси дугорочно везивање купаца са клијентовом пријавом. У овој ери дигитализације, кориснички интерфејс се брзо мења и држи кључну тврђаву у привлачењу нове гомиле могућих купаца.
Шта ћете научити:
- Тестирање корисничког интерфејса
- Приступ за тестирање корисничког интерфејса
- Уобичајени недостаци корисничког интерфејса
- Кључни захтеви за тестирање корисничког интерфејса и употребљивости
- Неке основне компоненте
- Неке напредне компоненте
- Стања компонената корисничког интерфејса
- ГУИ Алати за тестирање
- Примери ГУИ тест случајева
- Закључак
- Препоручено читање
Тестирање корисничког интерфејса
Да би се осигурало да је визуелна естетика веб апликација добро прихваћена, тестирање корисничког интерфејса и употребљивости постаје кључни аспект целокупне праксе обезбеђења квалитета. Било којој апликацији којој се може приступити преко УРЛ-а је апликација заснована на Интернету. У таквим апликацијама углавном тестирамо предњи крај апликације који ће користити крајњи корисник.
Сваки прегледач приказује веб странице различито, па је важно да та страница изгледа исто у различитим прегледачима. Ако се веб страница приказује искривљено и без управљања, гледаоци ће напустити веб страницу. Дакле, веб локација би требало да се подвргне тестирању корисничког интерфејса ради бољих резултата.
Тестирање прегледача састоји се од ниже две врсте:
Испитивање функционалности
Тестирање различитих функција у целој апликацији. Укључује валидацију свих навигација као и свих вредности поља које су присутне на насловним страницама користећи све позитивне као и негативне сценарије.
Тестирање корисничког интерфејса
Тестирање фактора изгледа и осећаја веб странице. Фактор изгледа и осећаја укључује тип екрана, фонт, поравнање, радио дугме, поље за потврду итд.
- Области обухваћене тестирањем корисничког интерфејса су употребљивост, изглед и осећај, контроле за навигацију / навигационе траке, упутства и стил техничких информација, слике, табеле, приступачност итд.
- Да бисмо тестирали доступност, морамо да проверимо смернице за приступ В3Ц-веб садржају.
Кликните овде да бисте добили смернице за В3Ц.
Приступ за тестирање корисничког интерфејса
Из функционалних тест случајева одабиремо подскуп тест случајева који покрива све функционалности апликације.
Други корак је модификација тих тест случајева у складу са захтевима за тестирање корисничког интерфејса.
Следећи корак биће извршавање тих тест случајева; упоређивање резултата са очекиваним резултатима и ако постоји било каква разлика, онда се покреће питање за исте. Није могуће тестирати у свим прегледачима. Клијент обично одлучује у ком прегледачу постоји захтев за тестирање.
Како знамо да сваки прегледач различито приказује веб страницу, тако не можемо ни очекивати да сви прегледачи приказују веб страницу потпуно слично.
На пример, падајући мени у виндовс-фирефок-у ће се разликовати од мац-фирефок-а. Таква питања су прихватљива, јер се ради о услужним програмима оперативног система и ми их морамо прихватити као такве.
Основни прегледач: Обично се апликација развија за циљање прегледача за који се очекује да ће га углавном користити крајњи корисници, а назива се основним прегледачем.
Уобичајени недостаци корисничког интерфејса
- Проблеми са поравнавањем тастера
- Недоследан размак између налепница или оквира за текст
- Поломљене ознаке, тј. Једнострука ознака која се приказује у два реда
- Неусклађеност оквира за текст, икона са информацијама, налепница или падајућих падајућих
- Преклапање поља
- Непотпуна поља
- Подаци на страници су неусклађени; неко време померено нагоре или надоле
- У било ком прегледачу, док одабирете неку радњу, одговарајућа радња се не дешава
- Промена величине не ради како се очекивало
- Време истека сесије је врло кратко или веома дуго за неке прегледаче
- Проблеми специфични за прегледач - Мало поља се не могу уређивати након уноса података у један прегледач, али могу се уређивати у другом прегледачу
Кључни захтеви за тестирање корисничког интерфејса и употребљивости
Кључни захтеви за тестирање корисничког интерфејса веб апликације су:
- Доступност различитих компоненти у корисничком интерфејсу
- Разна стања компоненте УИ
Саставни део:
Компонента је градивни блок који се може користити са комбинацијом неколико других компонената за формирање апликације. Компоненте се могу поново користити у апликацији.
Примери компоненте укључују дугме, поље за текст, аутоматско предлагање, поље за потврду, падајући мени итд.
Неке основне компоненте
Поље за потврду: Једна или више опција могу се одабрати из компоненте поља за потврду
Радио тастери: Када треба изабрати само једну опцију, корисни су радио дугмићи
Неке напредне компоненте
1. Хармоника: Помоћу ове компоненте може се вертикално сложити више предмета. Свака ставка се може проширити за приказ садржаја у њој. Може се проширити и више ставки.
2. Мрвице: Ово је врло корисна компонента која помаже у навигацији на веб локацији. Корисник може да идентификује своју тренутну локацију на веб локацији из ове компоненте.
3. Вртуљак: Више компонената информација може се уградити у компоненту рингишпила. Проналазачи пута на дну показују да је присутно више предмета. Стрелице помажу у навигацији унутар рингишпила. Обично је навигација вртешком конфигурисана као непрекидна петља.
Кликните овде да бисте добили корисније информације о компонентама корисничког интерфејса
Стања компонената корисничког интерфејса
Доступност компонената заснива се искључиво на смерницама пројектних захтева. То ће варирати од једног до другог пројекта.
Различита стања корисничког интерфејса за основну компоненту су:
- Неиспуњена држава
- Испуњена држава и у фокусу
- Нормална држава и подразумевана држава
- Ховер Стате
- Држава са инвалидитетом
- Маскирана држава
Неиспуњена држава:
Пре уношења било које вредности у компоненти, каже се да је стање непопуњено. Стање Неиспуњено приказује текст резервисаног места, ако постоји. Испод је компонента текстуалног поља.
Попуњено стање:
Компонента са вредношћу коју је унео корисник је испуњена.
У фокусу:
Корисник поново прегледа компоненту која је већ попуњена. Компонента треба да приказује курсор, показујући да је одређена компонента фокусирана
Нормално стање:
Приказ компоненте са вредношћу коју је корисник већ унео на екран описује се као нормално стање.
Дефаулт Стате:
Компонента која приказује аутоматски попуњену вредност са сервера / позадине. Ову вредност такође може да уређује корисник у неким сценаријима.
Ховер Стате:
Прелазак курсором миша преко компоненте истиче компоненту која означава радњу лебдења.
Пре преласка курсора:
Када задржите показивач миша:
како направити рачунарски програм за почетнике
Држава са инвалидитетом:
Компонента је онемогућена и корисник не може да уређује поља.
Омогућено стање
Држава са инвалидитетом
Маскирано стање:
Осетљиви подаци попут лозинке могу се сакрити помоћу ове компоненте.
Кључни захтеви УСАИД-ове за тестирање веб апликације су:
- Породица фонтова
- Величина фонта
- Боја
- Размак између слова
- Висина линија
- Потврда позадине
- Испуњавање / непрозирност
- Мерења компонената попут дужине, ширине и ширине
- Локација / размак између компонената на екрану
Горе наведене функције употребљивости могу се тестирати у коду или помоћу елемента инспекције у апликацији. Још један лакши начин је коришћење додатака. Додаци се могу разликовати у зависности од прегледача у којем апликација треба да се тестира.
Детаљи различитих додатака за прегледач
Име | Детаљи употребе | Компатибилност |
---|---|---|
Паге Рулер | Овај додатак помаже у испитивању ширине и висине компонената. Такође се могу утврдити горњи, леви, десни и доњи положај компонената | Цхроме и Фирефок |
Веб инспектор | Веб инспектор приказује фонт, боју текста и боју позадине само кликом на икону веб инспектора и задржавањем курсора изнад одељка који треба тестирати | Цхроме и Сафари |
Фире Буг | Фиребуг је додатак отвореног кода за надгледање ЦСС-а, ХТМЛ-а, ДОМ-а, КСХР-а и ЈаваСцрипт-а веб странице. Ово је алтернатива елементу инспекције, компатибилан са Фирефок-ом. | Фирефок |
ЦолорЗилла | То је додатак за одабир боја који се користи за анализу боје веб странице | Цхроме и Фирефок |
Измерите то | Користи се за испитивање ширине, висине и поравнања елемената у пикселима. | Цхроме, Сафари и Фирефок |
Предности додатака:
- Штеди време
- Једноставан за коришћење
- Исплативо је
Ограничење додатака:
- Параллак грешка при коришћењу мерења
- Компатибилан у свим апликацијама
- Компатибилан са више прегледача
Референце за програмске додатке:
- Веб инспектор: Аппле Дев Тоолс
- Фиребуг: Фиребуг Вики
- Измерите ИТ
- Цолорзилла
ГУИ Алати за тестирање
У свету технологије доступно је неколико алата који би помогли тестерима у тестирању корисничког интерфејса.
- Селен
- ХП обједињено функционално тестирање
- Краставац
- Кодирани кориснички интерфејс
- Заправо
Детаљан списак ГУИ алата доступан је на самом софтверском сајту.цом! кликните овде .
Примери ГУИ тест случајева
1) Потврдите рад стрелица вртиљака и трагача за путевима
два) Уверите се да поље лозинке прихвата вредности само у маскираном стању
3) Уверите се да дугме „сачувај“ остаје неактивно док се не унесу сва обавезна поља
4) Проверите да ли је кориснику дозвољено кретање до врха странице помоћу траке „Врх“
5) Проверите да ли се приказује исправна порука када примењени филтри не преузму никакве резултате
6) Потврдите навигацију путем веза доступних у заглављима и подножјима
7) Проверите да ли је поравнање радио дугмади тачно
8) Проверите да ли се истовремено може одабрати више опција у пољима за потврду
9) Проверите да ли је наслов сваког одељка подебљаним словима
10) Потврдите промену боје хипервеза кликом
Закључак
Веб локација је душа многих предузећа. Веома је неопходно осигурати да изгледа добро и слично функционише на различитим прегледачима и платформама. Стога је тестирање корисничког интерфејса веома важно и обезбедиће велику базу купаца и додатну пословну вредност.
Препоручено читање
- Најбољи алати за тестирање софтвера 2021. године [КА Тест Аутоматион Тоолс]
- Алфа тестирање и бета тестирање (потпун водич)
- Преузимање е-књиге за тестирање буквара
- Функционално тестирање вс нефункционално тестирање
- Комплетни водич за тестирање верификације израде (БВТ тестирање)
- Шта је тестирање интерфејса? Упознајте његове врсте, стратегију и алате
- КА Водич за оутсоурцинг: Тестирање софтвера за оутсоурцинг компаније
- Врсте тестирања софтвера: различите врсте испитивања са детаљима