To perform a basic Web UI testing we need to go through following techniques:
- Functionality Testing
- Usability testing
- Compatibility testing
Let's understand above mentioned testing techniques in some details:
1. Functionality Testing
Functionality Testing is used to test following:
1.1. Test all the links in web pages
1.1.a. Test that all outgoing links from all web pages lands on correct web page.
1.1.b. Test that all internal links from all web pages lands on correct web page.
1.1.c. Test links jumping on the same pages
1.1.d. Test that whether links used to send the email to admin or other users from web pages are working fine
1.1.e. Test that whether any outgoing or internal link is broken
1.2. Test all the forms in all Pages
Forms are used for the interaction with users. Thus for better interaction, I should check following things:
1.2.a. Test that each field in the form shows correct validation message, if user inputs some un accepted information.
1.2.b. Test that the default values (if any) in the form shows correctly.
1.2.c. Test that once the user saves his information, he has the option to view / modify / delete his information.
1.3. Cookies testing
Cookie is a small piece of information that is stored in text file on user's (client) hard drive by web server. This piece of information is then sent back to server each time the browser request a page from the server. Usually cookie contains personalized user data or information that is used to communicate between different web pages.
1.3.a. Test that by deleting the cookies, are you still able to use the web application as a logged in user?
2. Usability Testing
Usability testing is a technique used in user-centered interaction design to evaluate a product by testing it on users. This can be seen as an irreplaceable usability practice, since it gives direct input on how real users use the system. Usability Testing is a black box testing technique. Usability testing also reveals whether users feel comfortable with your application or Web site according to different parameters – the flow, navigation and layout, speed and content – especially in comparison to prior or similar applications.
3. Compatibility testing
This is one of the most important technique as this ensures that website is running uninterruptedly across all platforms like
=> Browser compatibility: Mozilla firefox, Google Chrome, IE, etc..
=> Operating system compatibility: Windows, Mac, etc
=> Mobile browsing