GUI testing, amount shape of GUI testing Graphical User Interface. Main focus of GUI testing to examine the appearance of the software instead of functional requirements.UI of application a comes origin when mortal browse to our application the origin impression volition hold upward based on UI. If it is attractive interactive too slow to usage too then the visitor remain inward our site for longer period. But if our applications UI is poor, miss-aligned, images are broken, buttons links are grayed out, application non conveying anything too then visitors experience uncomfortable equally presently equally possible. UI help a lot to attract the visitors too transcend away along visitor on site for longer period.
The Question is how to perform GUI testing too what create nosotros require to examine piece performing GUI testing.the next things require to hold upward tested piece performing GUI testing.
- Page content
- Buttons
- Menus
- Icons acquaint on page
- Pop ups
- Color
- Images
Lets verbalize over each points.
PAGE CONTENT :
Page content is a content written on page.here nosotros require to cheque many things similar equally few examine cases mentioned below.
- Check the content font size is correct.
- Check the content alignment is correct.
- Check the font type/ way is proper.
- Check the put of the font is correct.
- Check the content.
- Check the for spelling mistakes/ grammatical mistakes.
You many recollect of what is proper size, font etc. Not require to worry. We require to cheque whether font size, alignment, font way etc. Are equally per the Software Requirement Specialization or not. If non too then grade too study that result equally a UI bug.
E.g run into below attached images.
This is illustration of mis-aligned content. Red marked expanse shows mis-aligned
Below picture is the right version of higher upward image. Above picture should hold upward equally demonstrate below.
BUTTONS :
Buttons are integral component of whatever application, it should hold back skilful too should placed at right position.it should direct keep proper tool tips to social club the user too content written on it should hold upward correct. Few examine cases for buttons are mentioned below.
- Check push put is proper.
- Check push color is proper.
- Check content written on push is proper.
- Check push size is proper.
- Check all push direct keep same style.
- Check all push demonstrate meaningful tool tips
- Check content written on push is proper.
- Check the font too font way of a content written on push is proper.
You tin dismiss brand to a greater extent than examine cases bases on SRS. See the image.
The left is shows proper alignment of push but the alignment of push is incorrect on right image.
Icons acquaint on page :
Icons brand application hold back skilful if used properly. If non it may spoil your whole application run into the images yous volition larn the idea. See below images if it used properly too then it volition hold back corking too attractive on site.
But if it does non used properly it volition spoil the page. See the same picture but amongst petty issues.
Compare both images yous volition abide by the huge difference.
To examine icons nosotros require to check:
- Check the icon put is proper.
- Check all icon direct keep same height.
- Check all icon direct keep right images.
- Check all the icon direct keep right color.
- Check all the icons are clickable.
- if site is responsive the yous may cheque it for unlike resolution also.
Pop ups too literal messages :
To brand attractive application popular upward are necessary. And if yous don’t know what is literal message too then literal way alarm messages, confirmation messages.
- Check all the alarm message are correct.
- Check put of alarm messages.
- Check success alarm message is inward light-green color.
- Check warning message is inward reddish color.
- Check alerts messages are going automatically subsequently the specified period.
- Check alarm messages are having selection to dismiss it.
You may cheque many things hither also based on requirements.
See below images: these is the literal message.
Color :
Color combination used inward application also plays an of import role. If it combined properly too then application looks skilful if non used properly too then it brand a mess. Check few examine cases written below to check:
- Check the color are correct.
- Check the link color is blue.
- Check the text box color.
- Check background color is correct.
- Check content color.
- Check buttons color is correct.
These are few.
Images:
Images are also an of import component of UI. Below are few examine cases to cheque images.
- Check images are correct.
- Check images pinnacle too width.
- Check images pixel.
- Check images are visible.
- Check images positions are proper.
- Check images loads apace or inward specified time.
You may write many more, these are but a samples.
I promise this article help yous to perform UI testing.