Web Application Testing Checklist - Part 1

Basic Web Application Testing Checklist


In order to help the new testers and the tenured testers for a quick review of the application for its readiness, I have put in all the information, which ever I have created the collected information over a period of time. Please do share your comments if any.

USER INTERFACE

1. COLORS

  • Are hyperlink colors standard?
  • Are the field backgrounds the correct color?
  • Are the field prompts the correct color?
  • Are the screen and field colors adjusted correctly for non-editable mode?
  • Does the site use (approximately) standard link colors?
  • Are all the buttons are in standard format and size?
  • Is the general screen background the correct color?
  • Is the page background (color) distraction free?

2. CONTENT

  •  All fonts to be the same
  • Are all the screen prompts specified in the correct screen font?
  • Does content remain if you need to go back to a previous page, or if you move forward to another new page? (Note: This may be altered based on the application and the requirement)
  • Is all text properly aligned?
  • Is the text in all fields specified in the correct screen font?
  • Is all the heading are left aligned
  • Does the first letter of the second word appears in lowercase?

3. IMAGES

  • Are all graphics properly aligned?
  • Are graphics being used the most efficient use of file size?
  • Are graphics optimized for quick downloads?
  • Assure that command buttons are all of similar size and shape, and same font & font size.
  • Banner style & size & display exact same as existing windows
  • Does text wrap properly around pictures/graphics?
  • Is it visually consistent even without graphics?

4. INSTRUCTIONS

  • Is all the error message text spelt correctly on this screen?
  • Is all the micro-help text (i.e tool tip) spelt correctly on this screen?
  • Micro help text (i.e tool tip) for every enabled field & button
  • Progress messages on load of tabbed(active screens) screens

5. NAVIGATION

  • Are all disabled fields avoided in the TAB sequence?
  • Are all read-only fields avoided in the TAB sequence?
  • Can all screens accessible via buttons on this screen be accessed correctly?
  • Does a scrollbar appear if required?
  • Does the Tab Order specified on the screen go in sequence from Top Left to bottom right? This is the default unless otherwise specified.
  • Is there a link to home on every single page?
  • On open of tab focus will be on first editable field
  • When an error message occurs does the focus return to the field in error when the user cancels it?

6. USABILITY

  • Are all the field prompts spelt correctly?
  • Are fonts too large or too small to read?
  • Are names in command button & option box names are not abbreviations.
  • Assure that option boxes, option buttons, and command buttons are logically grouped together in clearly demarcated areas "Group Box"
  • Can the typical user run the system without frustration?
  • Do pages print legibly without cutting off text?
  • Does the site convey a clear sense of its intended audience?
  • Does the site have a consistent, clearly recognizable "look-&-feel"?
  • Does User cab Login Member Area with both UserName/Email ID?
  • Does the site look good on 640 x 480, 600x800 etc.?
  • Does the system provide or facilitate customer service? i.e. responsive, helpful, accurate?
  • Is all terminology understandable for all of the site’s intended users?

7. TEXT BOXES

  • Move mouse to textbox and it should be changed to insert bar for editable text field and should remain unchanged for non-editable text field.
  • Test overflowing textbox by inserting as many characters as you can in the text field. Also test width of the text field by entering all capital W.
  • Enter invalid characters, special characters and make sure that there is no abnormality.
  • User should be able to select text using Shift + arrow keys. Selection should be possible using mouse and double click should select entire text in the text box.

8. RADIO BUTTONS

  • Only one should be selected from the given option.
  • User should be able to select any button using mouse or key board
  • Arrow key should set/unset the radio buttons.

9. CHECK BOXES

  • User should be able to select any combination of checkboxes
  • Clicking mouse on the box should set/unset the checkbox.
  • Space bar should also do the same

10. PUSH BUTTONS

  • All buttons except OK/Cancel should have a letter access to them. This is indicated by a letter underlined in the button text.  The button should be activated by pressing ALT
  • Clicking each button with mouse should activate it and trigger required action.
  • Similarly, after giving focus SPACE or RETURN button should also do the same.
  • If there is any Cancel button on the screen, pressing Esc should activate it.

11. DROP DOWN LIST BOXES

  • Pressing the arrow should give list of options available to the user. List can be scrollable but user should not be able to type in.
  • Pressing Ctrl-F4 should open the list box.
  • Pressing a letter should bring the first item in the list starting with the same letter.
  • Items should be in alphabetical order in any list.
  • Selected item should be displayed on the list.
  • There should be only one blank space in the dropdown list.

12. COMBO BOX

  • Similar to the list mentioned above, but user should be able to enter text in it.

13. LIST BOXES

  • Should allow single select, either by mouse or arrow keys.
  • Pressing any letter should take you to the first element starting with that letter
  • If there are view/open button, double clicking on icon should be mapped to these behavior.
  • Make sure that all the data can be seen using scroll bar.

 



FUNCTIONALITY ASPECTS

1. LINKS

  • Check that the link takes you to the page it said it would.
  • Ensure to have no orphan pages (a page that has no links to it)
  • Check all of your links to other websites
  • Are all referenced web sites or email addresses hyperlinked?
  • If we have removed some of the pages from our own site, set up a custom 404 page that redirects your visitors to your home page (or a search page) when the user try to access a page that no longer exists.
  • Check all mailto links and whether it reaches properly

2. FORMS

  • Acceptance of invalid input
  • Optional versus mandatory fields
  • Input longer than field allows
  • Radio buttons
  • Default values on page load/reload(Also terms and conditions should be disabled)
  • Is Command Button can be used for Hyperlinks and Continue Links ?
  • Is all the data inside combo/list box are arranged in chronological order?
  • Are all of the parts of a table or form present? Correctly laid out? Can you confirm that selected texts are in the "right place?
  • Does a scrollbar appear if required?

3. DATA VERIFICATION AND VALIDATION

  • Is the Privacy Policy clearly defined and available for user access?
  • At no point of time the system should behave awkwardly when an invalid data is fed
  • Check to see what happens if a user deletes cookies while in site
  • Check to see what happens if a user deletes cookies after visiting a site

Click here to move on to the next part.


Please do share your comments about the blog and how it helped get a job or how it helped solved the challenges you faced so that everyone could learn and excel together.

Join our community in Facebook and Google+ at the below URL's to stay up to date:


 

Posted by at
Labels: , , ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)