g053 - lecture 20 testing websites mr c johnston ict teacher
TRANSCRIPT
G053 - Lecture 20
Testing Websites
Mr C JohnstonICT Teacher
www.computechedu.co.uk
Topic Objectives
Understand the need for testing websites, Know a range of criteria which we can test
websites uder, Commenced writing a test plan for own website
based on what learnt today.
Overview It is important to test a website to ensure that
potential visitors can fully experience your site and are encouraged to visit again,
To make site sure your site works you need to write a test plan which examines all aspects of your site,
You also need to consider: Visitors may use different browsers to view your site, Visitors computers may be set to different resolutions, Visitors accessing the site using different devices,
All issues need to be addressed in your testing.
Testing Categories Each page needs to be tested for:
Correct layout, Page loads quickly, All images and other media displayed, All images and other are of a reasonable quality and
don’t appear pixelated, Can hear any sound on the site Text has no spelling errors, Hyperlinks work (page based, internal, external and
email), Scripting works correctly (rollovers, form validation,
ASP), Other browser compatibility, Other resolution compatibility.
Test Plan Outline
Your test plan needs to be a formal document written prior to your site being uploaded to a server,
You should write an entire plan and make copies of it for each browser you intend to test you site with,
A suitable way of presenting your test plan is to create tables with a series of tests for each of your pages,
Remember to relate each test back to the initial requirements brief.
Test Plan Table ExampleCompuTech Website Test Plan for Internet Explorer
HomePageTest User
Requirement Addressed
Expected Result
Actual Result
Pass / Fail
Date Corrective Action
Logo Displayed
The website uses the companies house style
CompuTech logo is displayed
As expected
Pass 01/12/09
None
Navigation Bar Appears
Website is easy to navigate
Navigation bar appears
As expected
Pass 01/12/09
None
Navigation Bar Drop Downs Work
Website is easy to navigate
When mouse goes over labels - menus drop down
As expected
Pass 01/12/09
None
Navigation Bar Hyperlinks Work
Website is easy to navigate
When mouse goes over turns to red and can click on it to take you to correct page
As expected
Pass 01/12/09
None
Test Plan Table ExampleCompuTech Website Test Plan for Firefox
HomePageTest User
Requirement Addressed
Expected Result
Actual Result
Pass / Fail
Date Corrective Action
Logo Displayed
The website uses the companies house style
CompuTech logo is displayed
As expected
Pass 01/12/09
None
Navigation Bar Appears
Website is easy to navigate
Navigation bar appears
As expected
Pass 01/12/09
None
Navigation Bar Drop Downs Work
Website is easy to navigate
When mouse goes over labels - menus drop down
Bar is static and drops do not work
Fail 01/12/09
Recode the JavaScript as it only works with IE
Navigation Bar Hyperlinks Work
Website is easy to navigate
When mouse goes over turns to red and can click on it to take you to correct page
As expected
Pass 01/12/09
Now I have fixed the previous error all hyperlinks work properly
Test Plan Table 2 Evidence
Test#3 – navigation bars now work in
Firefox You need to include evidence within your testing, These could be as additional referenced figures or
included within the table, Don’t include screen shots for everything but need to
be certain testing has been carried out - include shots showing errors and that they have been fixed
On The Phone!!!
Testing Tips Make sure all opened tags are closed, Ensure that your images are as small in size as
possible – reduce the number of colours used, Use formatted text rather than graphics, Implement your pages to suit a display 1024 x
768, Use %ages for setting up tables and framesets so
the pages are scaled when viewed using machines with different resolutions,
Tests and comments that show your website meets the initial user requirements are a must so full marks can be awarded.
Topic Exercise Based on your designs for your website,
develop a test plan which will fully test your work.
Ensure you design it so it tests you site using at least two browsers,
You may wish to include the WAI standards already learnt about previously,
Remember the results of testing will be used to get high marks in your evaluation.