As we know, computer has two types of interfaces!
1. Command Line Interface - on typing text, computer responds to that command.
2. Graphical User Interface(GUI) - To interact with the computer using images rather than text.
Great, now we can proceed in testing GUI. But how?
Here, is brief explanation of how and what is to be tested in GUI testing.
What is GUI Testing?
It is the process of testing an application GUI of the System Under Test. GUI testing involves checking the screens which has controls like menus, buttons, icons, and all types of bars – tool bar, menu bar, dialog boxes, windows, application fragments etc.
What do you Check in GUI Testing ?
The below are few points will fortify GUI Testing.
- Verify all the GUI elements for size, position, width, length and characters or numbers accepted.
- Verify you can execute the intended functionality of an application using GUI elements
- Verify Error Messages are displayed correctly
- Verify for Clear demarcation of different sections on screen
- Verify Font used in application is readable
- Verify the alignment of the text is proper
- Verify the Colour of the font and warning messages is aesthetically pleasing
- Verify that the images have good clarity
- Verify that the images are properly aligned
- Verify the positioning of GUI elements for different screen resolution.
GUI testing can be done through three ways:
Manual Based Testing
In manual based testing, graphical screens are checked manually by testers with the requirements stated in requirements document.
Record and Replay
GUI testing can be done using automation tools. This is done in 2 parts. During Record , test steps are captured into the automation tool. During playback, the recorded test steps are executed on the Application Under Test. Example of such tools – QTP .
Model Based Testing
A model is a graphical description of system’s behavior. It helps us to understand and predict the system behavior. Models help in a generation of efficient test cases using the system requirements. Following needs to be considered for this model based testing:
- Build the model
- Determine Inputs for the model
- Calculate expected output for the model
- Run the tests
- Compare the actual output with the expected output
- Decision on further action on the model
Some of the modeling techniques from which test cases can be derived:
- Charts – Depicts the state of a system and checks the state after some input.
- Decision Tables – Tables used to determine results for each input applied
Model based testing is an evolving technique for the generating the test cases from the requirements.Its main advantage, compared to above two methods, is that it can determine undesirable states that your GUI can attain.
Few Test Cases for GUI
- Testing the size, position, width, height of the elements.
- Testing of the error messages that are getting displayed.
- Testing the different sections of the screen.
- Testing of the font whether it is readable or not.
- Testing of the screen in different resolutions with the help of zooming in and zooming out like 640 x 480, 600 x 800, etc.
- Testing the alignment of the texts and other elements like icons, buttons, etc. are in proper place or not.
- Testing the colors of the fonts.
- Testing the colors of the error messages, warning messages.
- Testing whether the image has good clarity or not.
- Testing the alignment of the images.
- Testing of the spelling.
- The user must not get frustrated while using the system interface.
- Testing whether the interface is attractive or not.
- Testing of the scrollbars according to the size of the page if any.
- Testing of the disabled fields if any.
- Testing of the size of the images.
- Testing of the headings whether it is properly aligned or not.
- Testing of the color of the hyperlink.








