Website Testing (SQA National 5 Computing Science): Revision Note
Exam code: X816 75
Website testing
What is website testing?
Testing checks that the completed website:
Works correctly
Matches the wireframe
Fulfils the original functional requirements
These tests focus on layout, navigation, and media behaviour
Testing matches user-interface design and consistency
Wireframes define what each page should look like
Testing checks that the implemented pages follow that plan
What to test
The layout on each page matches the wireframe
The top banner, navigation area and content sections appear in the same positions across all pages
The relative vertical positioning of text, graphics and media matches the design
All pages follow the same consistent structure
Example
Wireframe shows | Testing confirms |
|---|---|
Top banner, nav bar, text block, then image | Implemented page displays elements in this order |
Navigation at bottom on every page | All pages include the bottom navigation bar |
Testing links and navigation work correctly
Links must take the user to the correct place and behave as expected
What to test
Internal links open the correct pages within the website
External links open the correct external website or resource
Navigation menus, buttons, and icons all lead to the correct destinations
No broken links
Example
Link type | Expected behaviour |
|---|---|
Internal link: “Home” | Loads index.html |
External link: “Scientific Research” | Opens external research website |
Testing media displays correctly
Media must load, display, and function correctly on all pages
What to test
Images appear at the intended size and in the correct position
Images do not distort page layout
Text displays clearly and follows the planned structure
Audio/video loads correctly, with working playback controls
Example
Media | What the test checks |
|---|---|
Image of product | Loads, correct size, does not overlap text |
MP4 video | Loads, plays, controls work |
How these tests support evaluation
During evaluation, students check fitness for purpose
Testing provides evidence by confirming:
The layout matches the planned UI design
Navigation works correctly
Media displays properly
The completed site meets the functional requirements
If any requirement is not met, the site is not fit for purpose
Worked Example
The "Eco-Garden Guide" website team has finished implementing the new Plant Profile Page. The original design included a low-fidelity prototype, specified a fixed image size, mandated consistent top and bottom sections across all pages, and required a hyperlink leading to an external research source.
Describe two distinct tests that must be carried out on the completed Plant Profile Page to ensure the website is functioning correctly and is fit for purpose
[4]
Answer
One mark for test, max one for description
Implemented page matches the user-interface design [1 mark]
Ensuring consistency is maintained (e.g., top and bottom sections are the same as other pages) [1 mark]
Checking that media/layout matches the wireframe/prototype (e.g., the image displays correctly at the intended fixed size) [1 mark]
Testing that the links and navigation work correctly [1 mark]
Testing the functionality of the external link (e.g., clicking the link to the external research source ensures it correctly loads the foreign website) [1 mark]
Confirming all media elements (text, graphics) display correctly [1 mark]
Unlock more, it's free!
Did this page help you?
