Web Testing: Complete guide on testing web applications


In general, testing is finding out how well something works. In terms of human beings, testing tells what level of knowledge or skill has been acquired. In computer hardware and software development, testing is used at key checkpoints in the overall process to determine whether objectives are being met. For example, in software development, product objectives are sometimes tested by product user representatives. When the design is complete, coding follows and the finished code is then tested at the unit or module level by each programmer; at the component level by the group of programmers involved; and at the system level when all components are combined together. At early or late stages, a product or service may also be tested for usability.


At the system level, the manufacturer or independent reviewer may subject a product or service to one or more performance tests, possibly using one or more benchmarks. Whether viewed as a product or a service or both, aWeb site can also be tested in various ways - by observing user experiences, by asking questions of users, by timing the flow through specific usage scenarios, and by comparing it with other sites.

Let’s have first web testing checklist.
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 in the web pages for submitting or getting information from user, Cookie testing.
Check all the links:
  • Test the outgoing links from all the pages from specific domain under test.
  • Test all internal links.
  • Test links jumping on the same pages.
  • Test links used to send the email to admin or other users from web pages.
  • Test to check if there are any orphan pages.
  • Lastly in link checking, check for broken links in all above-mentioned links.
Test forms in all pages:
Forms are the integral part of any web site. Forms are used to get information from users and to keep interaction with them. So what should be checked on these forms?
  • First check all the validations on each field.
  • Check for the default values of fields.
  • Wrong inputs to the fields in the forms.
  • Options to create forms if any, form delete, view or modify the forms.
Let’s take 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 dependent on other steps. So sign up flow should get executed correctly. There are different field validations like email Ids, User financial info validations. All these validations should get checked in manual or automated web testing.
Cookies testing:
Cookies are small files stored on user machine. These are basically used to maintain the session mainly login sessions. Test the application by enabling or disabling the cookies in your browser options. Test if the cookies are encrypted before writing to user machine. If you are testing the session cookies (i.e. cookies expire after the sessions ends) check for login sessions and user stats after session end. Check effect on application security by deleting the cookies. (I will soon write separate article on cookie testing)
Validate your HTML/CSS:
If you are optimizing your site for Search engines then HTML/CSS validation is very important. Mainly validate the site for HTML syntax errors. Check if site is crawlable to different search engines.
Database testing:
Data consistency is very important in 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 correctly and also updated correctly. More on database testing could be load on DB, we will address this in web load or performance testing below.
2) Usability Testing:
Test for navigation:
Navigation means how the user surfs the web pages, different controls like buttons, boxes or how user using the links on the pages to surf different pages.
Usability testing includes:
Web site should be easy to use. Instructions should be provided clearly. Check if the provided instructions are correct means whether they satisfy purpose.
Main menu should be provided on each page. It should be consistent.
Content checking: 
Content should be logical and easy to understand. Check for spelling errors. Use of dark colors annoys users and should not be used in site theme. You can follow some standards that are used for web page and content building. These are common accepted standards like as 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 basic 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, help files etc. Sitemap should be present with all the links in web sites with proper tree view of navigation. Check for all links on the sitemap.
“Search in the site” option will help users to find content pages they are looking for easily and quickly. These are all optional items and if present should be validated.
3) Interface Testing:
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 properly. Errors are handled properly. If database or web server returns any error message for any query by application server then application server should catch and display these error messages appropriately to users. Check what happens if user interrupts any transaction in-between? Check what happens if connection to web server is reset in between?
4) Compatibility Testing:
Compatibility of your web site is 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 most influencing part on 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 web site coding should be 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 may not be compatible with all operating systems. All new technologies used in web development like graphics designs, interface calls like different API’s may not be available in all Operating Systems.
Test your web application on different operating systems like Windows, Unix, MAC, Linux, Solaris with different OS flavors.
Mobile browsing:
This is new technology age. So in future Mobile browsing will rock. Test your web pages on mobile browsers. Compatibility issues may be there on mobile.
Printing options:
If you are giving page-printing options then make sure fonts, page alignment, page graphics getting printed properly. Pages should be fit to paper size or as per the size mentioned in printing option.
5) Performance testing:
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.
In web load testing test if many users are accessing or requesting the same page. Can system sustain in peak load times? Site should handle many simultaneous user requests, large input data from users, Simultaneous connection to DB, heavy load on specific pages etc.
Stress testing: Generally stress means stretching the system beyond its specification limits. Web stress testing is performed to break the site by giving stress and checked how system reacts to stress and how system recovers from crashes.
Stress is generally given on input fields, login and sign up areas.
In web performance testing web site functionality on different operating systems, different hardware platforms is checked for software, hardware memory leakage errors,
6) Security Testing:
Following are some test cases for web security testing:
  • Test by pasting internal url directly into 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 logged in user. Access should denied for this user to view others stats.
  • Try some invalid inputs in input fields like login username, password, input text boxes. Check the system reaction on all invalid inputs.
  • Web directories or files should not be accessible directly unless given download option.
  • Test the CAPTCHA for automates scripts logins.
  • Test if SSL is used for security measures. If used 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 web server.

week 13~

today we learn about web testing & web evaluation....what's the difference between both of them??...frankly speaking i'm quite confused with both of them....testing & evaluation is quite similar to each other....Dr. J didn't want to give the answer easily....so he asked us to Google it ourself...ngeh3.....

i'l show you my findings in next entry...c ya! ;p

week 12~

hello!...today we learn about visual design for the web...there are many aspect we have to consider when designing a website....visual means something that we can see we our beautiful eyes...*wink* so visual design is a process where we plan how our website will look like....

here are some questions that we should consider when designing the web.....

  • What colours will look good together on your site?
  • What fonts or styles you will use for the written part of your web pages?
  • What graphics and multimedia effects are needed?
  • How will all of these elements be combined or arrange into an attractive layout?
what can you do??
  • Choose a visual theme –connected to your content.
  • Use template concepts– consistent
  • Use table or division (div) or frame for layout/arranging your visual elements.
typography is one of the important element and general issues in design....just keep simple by limit the number of fonts per page & per site and use the same fonts consistently throughout the site...for the typeface make sure you make the good font choice....whether to use serif or sans serif....suits the typeface with the mood of your content/website/theme....and the most important is ensure the typeface is READABLE..... 

there are tools that can help you in visual design...such as Thumbnails Sketches, Storyboard, Rough Sketches and Prototype....Thumbnails Sketch help to focus on how web pages will look while storyboard helps on web site’s interaction...for the Rough Sketches, usually choose 2 or 3 of the thumbnails to develop further..it is more carefully drawn because the proportions are more accurate....

things you must AVOID in designing the website....
  • Avoid using big image as background because it takes time to load....
  • Avoid the use of all CAPITAL LETTERS for body text. it is okay to use for highlighting or for titles...
  • Avoid the use of too many font faces on one screen or throughout one site (e.g., arial, helvetica, times, courier)...
  • Avoid the use of too many colors on one screen, especially font colors....

week 11~



IT IS 40% PROJECT PROTOTYPE PRESENTATION!




so today we presented our project prototype...and as usual...lady boss be the 1st group to present...haha but then  there's misunderstanding about 40% of the project...and our group actually not even reach that 40% required by Dr. J...kuikuikui we just present the design of our project like introduction page, developer and so on but not the content! hahahaha 





from the comments and suggestions from other group, some of them like our design....and for improvement...mostly asked us to increase the font size....hehehe there are also suggestion to include login page to our website...hmmm we'll think about it later...because the purpose we didn't put the login is we want to deliver the knowledge to the users for free and easy....so every body can read our content...not limited to users who register with us only....(^_^)  

week 10 a.k.a holidays!!~~

this week of course we don't have class because it's for midterm semester break as well as Chinese New Year celebration....weeee~~ 

happy Chinese New Year to Christine!...hope you'll enjoy celebrate CNY in Malaysia~~ 

while me myself...i'm going home to seremban 2 to spend my holidays with my beloved family....v(>_<)v


week 9~

this week lecture is about interaction design....interaction design focuses on the mechanics of the design and answers the question : “How should it work ?” but before we talk about interaction design...we must know what is interactivity.....Interactivity in a computer products means that the user, not the designer, controls the sequence, the pace, and most importantly, what to look at and what to ignore.

how to move from information design to interaction design?

basic flow chart from information design                 -------------->              storyboard 
                                                                           (shows navigation pathways, media inclusions and controls)


Moving from information design to interaction design means turning information into an experience.

This means:

  • Motivating users to have the experience, by giving them clear guidance and options.
  • Creating an interesting journey, or clear path, through the information.
  • Giving users controls that allow them to go where they want and do what they want.
  • Making the experience as easy and intuitive as possible.
Critical tasks of interaction design:
  • Create a guidance system to orient users.
  • Design the navigation system.
  • Define what happens on each screen.
  • Design the controls for interaction.
  • Determine how much interaction is to be included.
interaction design consist of 3 essential elements:
  1. Organization – How the information will be organized on the pages ?
  2. Navigation – How people will find their way around your web site ?
  3. Interactivity – What controls you give your users to work with ?


examples of organization in interaction design....

week 8~

at 9.14AM today....

trett...treett...

1 message received

MPT1393. Not feeling very well. I have decided to take a medical leave today...so no class. Sorry for any inconvenience caused> Jamal


owh...get well soon Dr. J! don't forget to take medicine...