A Meager Checklist to Start Testing a Webpage

As a SQA we come across various types of web sites to test on. Every site is different in their own way depending on their need of existence.

The common thing between webpages is the web elements present on it. It can be diverse but countable and testable ;)

SQA person needs to be diligent all the way while testing web sites, moreover the functionalities allied with the web elements. If we look intensively into a site it’s merely a combination of controls that take inputs from a user, save in database and then again shows the same data on the user interface. We as QA personnel are held responsible for all kind of testing performed. Moreover the website should run flawlessly in different set of browsers like Internet Explorer, Firefox, and Safari etc. Some sites are so intricate in their designs/ functionality, so if we could take care of some basic steps it may help in achieving a great quality of product.

Here are some of the checks that can be helpful for testing the various controls we encounter on a web page and should be followed according to the project scope.

Checklist for testing a textbox control:

1. Look/feel and label associated with it
2. Enabled/Disabled
3. Tool tip
4. Editable (If enabled)
5. Types(numbers, alphabets, special chars, cases (upper, lower), spaces)/combination of characters that can be entered
6. Char limits
7. Validation if any
8. Tab order
9. Multilingual characters check (if in scope of project)

Checklist for testing a Button control:

1. Look/feel and label associated with/on it
2. Enabled/Disabled
3. Tool tip
4. Clickable if Enabled
5. Validation if any
6. Tab order

Checklist for testing a Dropdown control:

1. Look/feel and label associated with it
2. Enabled/Disabled
3. Tool tip
4. Correctness of information shown
5. May/may not contain “Select” as first value (i.e. zero index)
6. Validation if any
7. Tab order

Checklist for testing a checkbox control:

1. Look/feel and label associated with it
2. Enabled/Disabled
3. May/may not contain tool tip for every checkbox
4. Check/uncheck single/multiple
5. Validation if any
6. Tab order

Checklist for testing a Radio button control:

1. Look/feel and label associated with it
2. Enabled/Disabled
3. May/may not contain tool tip for every radio button
4. From a group only one should get selected at once
5. Validation if any
6. Tab order

Checklist for testing a Multiline/Rich text box control:

1. Look/feel and label associated with it
2. Enabled/Disabled
3. Tool tip
4. Editable (If enabled)
5. Types (numbers, alphabets, special chars, cases (upper, lower), spaces, html, images, videos etc.)/combination of characters that can be entered
6. Char limits
7. Multilingual characters check (if in scope of project)
8. Validation if any
9. Tab order

Checklist for testing any text:

1. Look/feel and color
2. Relevance
3. Spellings

Checklist for testing an Image/Picture:

1. Look/feel and label associated with it (if any)
2. Enabled/Disabled
3. Alternate text property should always be provided
4. Validation if any
5. Clicking on images (if clickable, navigation to desired destination)
6. Tab order

Checklist for testing a video:

1. Look/feel and label associated with it (if any)

2. Enabled/Disabled

3. Alternate text property should always be provided

4. Play, pause, forward, backward, volume, mute, maximize buttons, time etc

5. Audio and Video synchronization

6. Tab order

Checklists for testing a File upload control:

1. Look/feel and label associated with it
2. Enabled/Disabled
3. Tool tip
4. Uploading a file/doc
5. Max/min file size allowed
6. Multiple file uploading (if allowed)
7. Tab order
8. Validation if any

Checklist for testing a Calendar control:

1. Look/feel and label associated with it
2. Enabled/Disabled
3. Tool tip
4. Selecting suitable dates
5. Manually entering dates (if allowed)
6. Tab order
7. Validation if any

Checklists for testing links:

1. Look/feel and text associated with it
2. Enabled/Disabled
3. Tool tip
4. Clickable (navigation to desired destination)
5. May/may not have distinct color for a link (different color recommended)

Checklists for testing Data grids/tables:

1. Look/feel
2. Enabled/Disabled
3. Sorting of columns (recommended, depends on project scope)
4. Pagination
5. Tab order

Albeit we can have many more scenarios that need to be tested comprehensively, above are the minimal sets of steps on which without contemplation we can start with. As said discovering the unexpected is more important than confirming the known.

Be Skeptic, Test More :)