Web Testing Complete Guide (Web Application Testing Tips and Scenarios)

In this article, we will learn web application testing with test cases for testing a website.

I always love to share practical knowledge, which in a case can be useful to several users in their career life. This is quite a lengthy article, so sit back and get relaxed to get most out of it. 

Web testing checklists

1) Functionality Testing
2) Usability testing
3) Interface testing
4) Compatibility testing
5) Performance testing
6) Security testing

#1) Functionality Testing

Test for – all the links in web pages, database connection, forms used for submitting or getting information from the user in the web pages, Cookie testing etc.

Check all the links:

  • Test the outgoing links from all the pages to specific domain under test.
  • Test all internal links.
  • Test links jumping on the same pages.
  • Test links used to send email to admin or other users from web pages.
  • Test to check if there are any orphan pages.
  • Finally, link checking includes, check for broken links in all above-mentioned links.

Test forms on all pages:
Forms are an integral part of any website. Forms are used for receiving information from users and to interact with them. So what should be checked in these forms?

  • First, check all the validations on each field.
  • Check for default values of the fields.
  • Wrong inputs in the forms to the fields in the forms.
  • Options to create forms if any, form delete, view or modify the forms.

Let’s take an example of the search engine project currently I am working on, in this project we have advertiser and affiliate signup steps. Each sign-up step is different but its dependent on the other steps.

So sign up flow should get executed correctly. There are different field validations like email Ids, User financial info validations etc. All these validations should get checked in manual or automated web testing.

Cookies Testing:

Cookies are small files stored on the user machine. These are basically used to maintain the session- mainly the login sessions. Test the application by enabling or disabling the cookies in your browser options.

Test if the cookies are encrypted before writing to the user machine. If you are testing the session cookies (i.e. cookies that expire after the session ends) check for login sessions and user stats after the session ends. Check effect on application security by deleting the cookies. (I will soon write a separate article on cookie testing as well)

Validate your HTML/CSS:

If you are optimizing your site for Search engines then HTML/CSS validation is the most important one. Mainly validate the site for HTML syntax errors. Check if the site is crawlable to different search engines.

Database testing:

Data consistency is also very important in a web application. Check for data integrity and errors while you edit, delete, modify the forms or do any DB related functionality.

Check if all the database queries are executing correctly, data is retrieved and also updated correctly. More on database testing could be a load on DB, we will address this in web load or performance testing below.

In testing the functionality of the websites the following should be tested:

Links
i. Internal Links
ii. External Links
iii. Mail Links
iv. Broken Links

Forms
i. Field validation
ii. Error message for wrong input
iii. Optional and Mandatory fields

Database
Testing will be done on the database integrity.

#2) Usability Testing

Usability testing is the process by which the human-computer interaction characteristics of a system are measured, and weaknesses are identified for correction.

• Ease of learning
• Navigation
• Subjective user satisfaction
• General appearance

Test for navigation:

Navigation means how a user surfs the web pages, different controls like buttons, boxes or how the user uses the links on the pages to surf different pages.

Usability testing includes the following:

  • The website should be easy to use.
  • Instructions provided should be very clear.
  • Check if the instructions provided are perfect to satisfy its purpose.
  • The main menu should be provided on each page.
  • It should be consistent enough.

Content checking:

Content should be logical and easy to understand. Check for spelling errors. Usage of dark colors annoys the users and should not be used in the site theme.

You can follow some standard colors that are used for web page and content building. These are the commonly accepted standards like what I mentioned above about annoying colors, fonts, frames etc.

Content should be meaningful. All the anchor text links should be working properly. Images should be placed properly with proper sizes.

These are some of the basic important standards that should be followed in web development. Your task is to validate all for UI testing.

Other user information for user help:

Like search option, sitemap also helps files etc. The sitemap should be present with all the links in websites with a proper tree view of navigation. Check for all links on the sitemap.

“Search on the site” option will help users to find content pages that they are looking for easily and quickly. These are all optional items and if present they should be validated.

#3) Interface Testing

In web testing, the server side interface should be tested. This is done by verifying that communication is done properly. Compatibility of the server with software, hardware, network, and the database should be tested.

The main interfaces are:

  • Web server and application server interface
  • Application server and Database server interface.

Check if all the interactions between these servers are executed and errors are handled properly. If database or web server returns an error message for any query by application server then application server should catch and display these error messages appropriately to the users.

Check what happens if the user interrupts any transaction in-between? Check what happens if the connection to the web server is reset in between?

#4) Compatibility Testing

Compatibility of your website is a very important testing aspect. See which compatibility test to be executed:

  • Browser compatibility
  • Operating system compatibility
  • Mobile browsing
  • Printing options

Browser compatibility:

In my web-testing career, I have experienced this as the most influencing part of web site testing.
Some applications are very dependent on browsers. Different browsers have different configurations and settings that your web page should be compatible with.

Your website coding should be a cross-browser platform compatible. If you are using java scripts or AJAX calls for UI functionality, performing security checks or validations then give more stress on browser compatibility testing of your web application.

Test web application on different browsers like Internet Explorer, Firefox, Netscape Navigator, AOL, Safari, Opera browsers with different versions.

OS compatibility:

Some functionality in your web application is that it may not be compatible with all operating systems. All new technologies used in web development like graphic designs, interface calls like different API’s may not be available in all Operating Systems.

Hence test your web application on different operating systems like Windows, Unix, MAC, Linux, Solaris with different OS flavors.

Mobile browsing:

We are in the new technology era. So in future Mobile browsing will rock. Test your web pages on mobile browsers. Compatibility issues may be there on mobile devices as well.

Printing options:

If you are giving page-printing options then make sure fonts, page alignment, page graphics etc., are getting printed properly. Pages should fit to the paper size or as per the size mentioned in the printing option.

#5) Performance testing

The web application should sustain to heavy load. Web performance testing should include:

  • Web Load Testing
  • Web Stress Testing

Test application performance on different internet connection speed.

Web load testing: You need to test if many users are accessing or requesting the same page. Can system sustain in peak load times? The site should handle many simultaneous user requests, large input data from users, simultaneous connection to DB, heavy load on specific pages etc.

Web Stress testing: Generally stress means stretching the system beyond its specified limits. Web stress testing is performed to break the site by giving stress and its checked as for how the system reacts to stress and how it recovers from crashes. Stress is generally given on input fields, login and sign up areas.

In web performance, testing website functionality on different operating systems and different hardware platforms is checked for software and hardware memory leakage errors.

Performance testing can be applied to understand the web site’s scalability or to benchmark the performance in the environment of third-party products such as servers and middleware for potential purchase.

Connection Speed
Tested on various networks like Dial-Up, ISDN etc.

Load
i. What is the no. of users per time?
ii. Check for peak loads and how the system behaves
iii. Large amount of data accessed by user

Stress
i. Continuous Load
ii. Performance of memory, CPU, file handling etc..

#6) Security Testing

Following are some of the test cases for web security testing:

  • Test by pasting internal URL directly into the browser address bar without login. Internal pages should not open.
  • If you are logged in using username and password and browsing internal pages then try changing URL options directly. I.e. If you are checking some publisher site statistics with publisher site ID= 123. Try directly changing the URL site ID parameter to different site ID which is not related to the logged in user. Access should be denied for this user to view others stats.
  • Try some invalid inputs in input fields like login username, password, input text boxes etc. Check the system’s reaction to all invalid inputs.
  • Web directories or files should not be accessible directly unless they are given download option.
  • Test the CAPTCHA for automating script logins.
  • Test if SSL is used for security measures. If it is used, the proper message should get displayed when user switch from non-secure HTTP:// pages to secure HTTPS:// pages and vice versa.
  • All transactions, error messages, security breach attempts should get logged in log files somewhere on the web server.

The primary reason for testing the security of a web is to identify potential vulnerabilities and subsequently repair them.

• Network Scanning
• Vulnerability Scanning
• Password Cracking
• Log Review
• Integrity Checkers
• Virus Detection

Points to be considered while testing a Website

The websites are essentially client/server applications – with web servers and ‘browser’ clients.

Consideration should be given to the interactions between HTML pages, TCP/IP communications, Internet connections, firewalls, applications that run in web pages (such as applets, javascript, plug-in applications) and applications that run on the server side (such as CGI scripts, database interfaces, logging applications, dynamic page generators, asp, etc.).

Additionally, there are a wide variety of servers and browsers with various versions of each. They include small but sometimes significant differences between them in terms of variations in connection speeds, rapidly changing technologies, and multiple standards & protocols. The end result of which testing for websites can become a major ongoing effort.

Sample test scenarios for testing a web application

Few other considerations to be included while testing a website are given below.

  • What is the expected load on the server (e.g., number of hits per unit time)?
  • What kind of performance is required under each load condition (such as web server response time, database query response times)?
  • What kind of tools will be required for performance testing (such as web load testing tools, other tools already in house that can be adapted, web robot downloading tools, etc.)?
  • Who is the target audience? What kind of browsers will they be using? What kind of connection speeds will they be using? Are they intra-organizations (thus likely with high connection speeds and similar browsers) or Internet-wide (thus with a wide variety of connection speeds and browser types)?
  • What kind of performance is expected from the client side (e.g., how fast should pages appear, how fast should animations, applets, etc. load and run)?
  • Will the downtime for server and content maintenance/upgrades be allowed? If so, then how much?
  • What kind of security (firewalls, encryption, passwords, etc.) will be required and what is it expected to do? How can it be tested?
  • How reliable is the site’s Internet connections required to be? And how does that affect the backup system or redundant connection requirements and testing?
  • What process will be required to manage updates to the web site’s content?
  • What are the requirements for maintaining, tracking, and controlling page content, graphics, links, etc.?
  • Which HTML specification will be adhered to? How strictly? What variations will be allowed for targeted browsers?
  • Will there be any standard requirements for page appearance and/or graphics throughout a site or parts of a site??
  • How will internal and external links be validated and updated? And how often? will it happen?
  • Can testing be done on the production system, or will a separate test system be required?
  • How are browser caching, variations in browser option settings, dial-up connection variability, and real-world internet ‘traffic congestion’ problems to be accounted for testing?
  • How extensive or customized are the server logging and reporting requirements; are they considered as an integral part of the system and do they require testing?
  • How are CGI programs, applets, javascript, ActiveX components, etc. to be maintained, tracked, controlled, and tested?
  • Pages should be 3-5 screens max unless the content is highly focused on a single topic. If larger, provide internal links within the page.
  • The page layouts and design elements should be consistent throughout a site so that it’s clear to the user that they are still on a site.
  • Pages should be as browser-independent as possible, or pages should be provided or generated based on the browser-type.
  • All pages should have links external to the page; there should be no dead-end pages.
  • The page owner, revision date, and a link to a contact person or organization should be included on each page.

635 Comments on “Web Testing Complete Guide (Web Application Testing Tips and Scenarios)

  1. Excellent guide.. Very informative.. :) I enjoyed reading it..

  2. Nice article …Nice read..

    I don’t did whether you missed it so intentionally, in the Web Testing checklists,
    1) Globalization Testing
    2) Localization Testing

    These things also might need to be tested sometimes, i think so.

  3. The information which i got its good but these in formation understandable by only experienced candidates but people are intrested on how the error will accrue and how it looks. I am expecting from you that with real time examples or block diagrams for each and every testing.

  4. Hi vijay,
    Thank you for your simple and superb article.

  5. VERY NICE ARTICLE. CAN ANYBODY PLEASE SEND ME THE NOTES OF MANUAL TESTING OR VIDEO.
    THANK YOU

  6. Really useful article
    It ll be great if u can clear my doubt…
    In the case of functional testing of banking application, how the outgoing link(fund transfer to another bank) is tested in testing environment?

  7. Hi,

    Is there any free tool for identify the Font type,size of a whole web site.

    Please let me know .Its urgent..

  8. This is a great timeless article, apart from just using this guide for testing web app, one could also use it to test mobile application. Bookmarked for future reference.

  9. great…, thank you…

  10. great! bravo

  11. Hi all,

    This site is superb,as it clears all your doubts regarding many aspects.Thanks for this.

    Can anyone(Sunitha,Mayasen,Vijay) share doc about how to initiate web testing(any job portal site),checklists involved etc,as i was more involved in product base testing,so this is altogether different approach.

    Please feel free to revert me on vashisthankur@yahoo.co.in

  12. Incroyable, le site c’est trop utilisant.

    Merci pour les informations

  13. This was really helpful for one who has not worked on web application testing and appearing for an interview

  14. very nice and very useful

  15. Hey just wondering if you have done an article on how to test these requirements. Like the steps taking to prove these tests are a success or a failure

  16. a very nice. but how to test the Standardization ? any one hepl me…

  17. hi i want all the test cases example in excel format
    for example

    1)login- (user name password)
    2)registration -(username /pass/contact no/image uplode /email etc.

    3)file upload /map view/list view/ etc

    4)other all

    plz help me

  18. Can you please explain hot to find Bugs in a Videos performing website?

  19. so nice it is very useful
    i like so much

  20. Hai this is ramesh please post your answers for below questions which i have faced in final round interview?
    1) Pls explain about frame work briefly?

    2) a web table contains 4 rows and 3 columns,in 4th row 3rd column i have sub cells,how can i retrieve the sub cell values?
    Please help me friends

  21. Thanx for information

  22. Hi everyone, i need help for one thing.
    I have one project to test one E-commerce website. so how can i test this project. How can i initiate to test this. Need Checklist for it.

    Help……

  23. Really Its a huge site for us . great job viay

  24. very interesting and indepth knowledge on testing
    Thank you Vijay :)

  25. thank you gi…this article is very nice. we want more articles in future. i am trying for testing job in uk. can you please post article about cross browser testing and responsiv testing. i am waiting for your next article

  26. such a great info for complete website testing.
    got a query while reading the article,regarding “Validate your HTML/CSS”..Please elaborate this with an example.

  27. hi, I want to write a manual test case to download the excel sheet from a portal and compare it with the one I have… please let me know the steps to do the same….

  28. Hi, Good notes. I am preparing for interview for web testing. If you have documents for the same, please share on ashish.mastash@gmail.com

  29. tnx for artical

  30. Localization testing is also most important type in web testing.

  31. @ Vijay: A very nice article. And we are always looking for such kind from you. Hats off for knowledge sharing. We will definitely help this. Continue with your Good work along with Good Health.

  32. hey vijay,awesome artical i want exactly same kind of information.very usefull information.i want information about how to do performance testing of images included in our web application.please help me guys if anyone know the solution for this.

    thank u

  33. hey vijay,awesome artical i want exactly same kind of information.very usefull information.i want information about how to do performance testing of images included in our web application.please help me guys if anyone know the solution for this.

    thank you.

  34. I do really appreciate your article, this is really the brief information that covers all of the aspect of Manual Software Testing. I used it to test our Medical Practice Application. Thanks.

  35. Hi,
    Thanks for sharing this information with us. :)

  36. provide which type of website test and provide all website
    test case.

  37. All the above information is very helpful.I am new to testing field so if any one can please email me standard test case or checklist for web or Client server application.
    Email: MQA1025@gmail.com

  38. can u pls give the live example for web testing!!!!!!!

  39. Thank you very much. This helped me create test cases for my project.

  40. great article on web application testing. Thanks for the great information.

  41. Perfect for junior’s. Very structured guidelines.
    Thanks

  42. hello Vijay…your article relly help us in testing
    plz write article for cookie testing ,we all waiting for this .
    thanks Bhai

  43. How to test ecommerce Website with Multiple users on a Single Machine.

  44. what is W3 Consortium ?

  45. You can opt for crowdsourcing testing which is basically testing of apps and its compatibility on various devices by testers. Mobile app testing helps the developers analyse bugs, predict the acceptance of app in the market etc.
    for mobile app testing I suggest Qualitrix which allows you to select your crowd among the community of testers and tests the app in a real world environment, among other sources such as http://Utest.com and http://Passbrains.com which are also a very good source of QA testing.
    Cheers!

  46. great article. Thank You

  47. thanx Vijay sir,
    very useful and imp information provided through ur article.

  48. great article!!

  49. The article was very useful. I am new to testing, so which programming languages should i know before going to my job.

  50. the articles are very useful.but i want to know how to write test cases and test scenarios for real time application(its very urgent).

Leave a Comment