Website Design & Development –Frontend Functional Test Case

SENT BY
Netlink Technical Services Limited
Address
32 Greenland Street, Egbeda, Lagos

FRONTEND
FUNCTIONAL TEST CASE
3 July 2017

Project: Document Version

National Pension Commission Website Design & Development Version 2.0

Project URL: Planning By

Live:
Olabode OGUN
Test:

Microsoft Windows OS 10, Apache Server 2.2, PHP Version 5.7, MySQL 5.6, Wordpress 4.8 Testing By
James Ake
Testing Checklist:
• Link Testing Confirmation By
• Program Logic Testing ---------
• Form Testing / Form Field Validation Testing
• Stress Testing
• File System Operations Testing on multiple platform
• HTML, CSS and Javascript Validation

ID Description of Test Execution Steps Expected Result Actual Results Test Comment Current Test
Test Result State Time

Link Testing: Test all links on the website with the use of a Site Checker Broken Link Tool & by validating the xml sitemap
1 Test the home 1. Visit the site home page Link is to reload Same as expected No errors 13:33
page link from
the home page
2. Click on the home page link on the main menu the homepage P
2 Test the home 1. Visit the site then navigate to other pages Link to homepage Same as expected No Errors 14:12
page link from
some other page
2. from other pages click on home page link on the main menu
3. try another page from homepage and try returning back to the homepage again
from all other
pages is active
P
3 Test link to all 1. Navigate to Links to all Same as expected No Errors 10:40
resources on the
website with Site 2. Enter the website link
resources on the
website are active &
P
Checker Broken 3. Click on the start button valid
Link Tool 4. Wait for check to complete
4 Validate the xml 1. Navigate to the the website Link opens a tab Same as expected No Errors 3.34
sitemap 2. Locate the link to the xml sitemap with a complete
3. Click on the sitemap link

1|Page
By Netlink Technical Services
Website Design & Development –Frontend Functional Test Case

list of all URLs of

the website

Form Testing: Test form fields by checking for default value and triggers of submit button and action of submit button
7 Test default value Check default value of login form email field Email Email No errors 13:53
of login form
email field on
P
google chrome
8 Test default value Check default value of login form email field Email Email No errors 13:54
of login form
email field on
P
internet explorer
9
9 Test default value Check default value of login form email field Password Password No errors 13:55
of login form
password field on
P
google chrome
10 Test default value Check default value of login form email field Password Password No errors 13:56
of login form
password field on
P
internet explorer
9
11 Test default value Check default value of password reset form email field Email Email No errors 13:57
of password reset
form email field
P
on google chrome
12 Test default value Check default value of password reset form email field Email Email No errors 13:57
of password reset
form email field
P
on internet
explorer 9
13 Test that submit Left click on the “sign in” button of the login form Submit form by Submitted the Form No errors 14:03
button on login
form is triggered
redirecting browser
to another page or
by reloading the
login page
P
by mouse left reloading current
click event page
14 Test that submit Set mouse focus on any input field of login form and press enter Submit form by Submitted the Form No errors 14:06
button on login
form is triggered
redirecting browser
to another page or
by reloading the
login page
P
by pressing enter reloading current
page
15 Test that submit Left click on the “reset password” button of the reset password form Submit form by Submitted the Form No errors 14:07
button on reset
password form is
redirecting browser
to another page or
by reloading the
login page
P
triggered by reloading current
mouse left click page
event

2|Page
By Netlink Technical Services
Website Design & Development –Frontend Functional Test Case

16 Test that submit Set mouse focus on any input field of reset password form and press enter Submit form by Submitted the Form No errors 14:09
button on reset
password form is
redirecting browser
to another page or
by reloading the
login page
P
triggered by reloading current
pressing enter page

Form Field Validation Testing: Test form fields by checking accepted data types
17 Test accepted Enter multiple combination of accepted values Proceed with data Proceed with data No errors 14:42
values for email
input field on
processing processing P
login page
18 Test to ensure Enter all characters into password field and submit form Proceed with data Proceed with data No errors 14:52
that password
field on reset
processing processing P
form accepts any
value
19 Test for cross-site Enter popular javascript cross-site scripting command
scripting attack
via input form

Stress Testing: Test form fields by entering large amount of data

20 Test the form Enter 10 KB or more of data into the email and password input fields System reports data System accepts data Allowed memory size 15:30
fields to ascertain
the maximum
limit error and log
event
inputted in the form
fields
P of over 10kb

length of data
that the system
will function with

File System Operations Testing on multiple platform

Cookie testing
21 Test to ensure Enter the user name = Techrobin and password = “ w)V8ogmL96jV$kj#4f ” and click “sign in” User still remains User still remains No Errors 16:54
that cookie and
session works Close the current tab and reopen a new tab without closing the browser
logged in logged in P
22 Test to ensure Open the login page in one tab, and open the home page on another tab User still remains User still remains No Errors 17:03
that cookie and
session works Enter the user name = Techrobin and password = “ w)V8ogmL96jV$kj#4f ” and click “sign in”
logged in logged in P
Refresh the home page of the other opened tab

HTML, CSS and Javascript Validation

23 Test to ensure Navigate to the login page All tags are closed All tags are closed No Errors 17:30
that all opened
html tags have a Right-click and select “view page source”
properly properly P
corresponding
closing tag Inspect all html tags

3|Page
By Netlink Technical Services
Website Design & Development –Frontend Functional Test Case

24 Test to ensure Navigate to the login page All CSS files are All CSS files are No Errors 17:36
that all CSS files
are included in Right-click and select “view page source”
located in page html
<head> tag and
located in page html
<head> tag and
P
the page html Javascript files are Javascript files are
<head> tag and Inspect all file located at the located at the
Javascript files are bottom of page bottom of page
included after the
page html and
CSS files
25 Test to ensure Navigate to the login page @import for @import for No Errors 17:38
that the use of
@import Right-click and select “view page source”
including CSS files
was avoided
including CSS files
was avoided
P
command is
avoided in the Open all CSS files in new tabs and inspect
CSS files
26 Test to ensure Navigate to the login page No error or warning No error or warning No Errors 17:40
that page is free
of errors: Right-click and select “inspect element”
is reported is reported P
javascript or 404
errors Click on the console tab

4|Page
By Netlink Technical Services