What can be different techniques to follow in basic Web UI testing?

Madhava Verma Dantuluri's picture

When i test the web based UI, what are the best techniques to be followed. For E.g,

1. Verify the cookies or session timeouts

2. Dynamic content

3. Localization

4. URL spoofing


5 Answers

Sarabjit Singh's picture

To perform a basic Web UI testing we need to go through following techniques:


  1. Functionality Testing
  2. Usability testing
  3. 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

Ranjit Shankar's picture

It is most important to follow while doing User Experience & User Interface testing i.e. we should measure the user’s ease of handling and experiencing the product/portals... We need to concentrate on ‘what needs to be built’, ‘what would be the right features’, ‘what is it that should be added to the product to get the desired responses’, etc. Also, the usability testing services should focus on saving the client's heavy maintenance costs and heavy loss of time...

karthika qpt's picture

Web UI Testing

For web UI testing, the solution guides the team in developing robust, noiseless regression tests for rich and highly-dynamic web interfaces—without scripts.

Define easily-maintainable, low-noise tests without scripting

Automate regression testing without annoying false positives


Enforce consistency across the web UI

Run cross-browser testing (including mobile browser interfaces)

Pratik Patel's picture

One of the most trending technique or the practice which is widely followed by most of the software testing experts(testers) or QAs is Testing through Automation, also known as Test Automation. This is considered as one of the most effective methodology of software testing, helping in providing better test results as well as test coverage and is also considered as the cost effective technique.


Further talking, test automation with code-less scripting feature is one of the ultimate techniques which is to be followed for better Web UI Testing. One such automated testing tool, which provides the feature of code-less scripting is TestingWhiz. With automated web UI testing using TestingWhiz, testers can validate UI of the web applications and can easily capture the two web interfaces, and helps you to authenticate the critical functioning of your web applications to deliver the efficient nad effective at the user's end.


Testingwhiz provides multiple testing solutions related to Web, Database, Mobile, etc. Apart from this tool, various other test automation tools are Test Complete, Selenium, Ranorex, Sahi, etc.



Luba Azarova's picture

Try out this tool http://screenster.io/

As the tester interacts with the application, Screenster creates a visual baseline of the application and stores it on the server along with the user input. It detects the dynamic portions of the UI and offers to ignore them from future comparison. Regression test runs detect the changes and show them to the tester for approval to the baseline or bug reporting.

Differences can be approved to the baseline with one click. Smart selectors are used to ensure that tests don’t break when elements are moved on the page or page structure changes.

StickyMinds is a TechWell community.

Through conferences, training, consulting, and online resources, TechWell helps you develop and deliver great software every day.