TESTING.md

Manual Testing and Validation

Test Cases

ID	Test Subject	Steps Taken	Outcome Generated	Screenshot
01	Home page background	Check appearance of background	Background image is clear and snowfake effect is working	View
02	Game Title	Check appearance of title	Title is clearly legible and appropriately positioned	View
03	Music Button	Check appearance and click button	Music plays when button is clicked, music stops when button is clicked again	View
04	Elfin Instructions Button	Check appearance and click button	Font is clearly legible, instruction modal appears when button is clicked	View
05	Elfin Instructions modal Titles	Check appearance of title	Font is clearly legible, title is appropriately positioned	View
06	Elfin Instructions modal Other Text	Check appearance of other text	Font is clearly legible, text is appropriately positioned	View
07	Elfin Instructions modal Symbols	Check appearance of star, tree and snowflake symbols	Symbols are clear, appropriately sized and positioned	View
08	Elfin Instructions modal Exit	Click 'X' in top right corner of the modal	**	View
09	Elfin Instructions modal 'Ho-Ho Hurry' Button	Check appearance and click button	Font is clearly visible, button click opens difficulty selection modal	View
10	Frosty Start Button	Check appearance and click button	Font is clearly legible, button click leads to difficulty selection modal	View
11	Difficulty Modal	Check appearance of modal	All text is clearly legible and modal is appropriately sized positioned	View
12	Difficulty Modal Exit	Click 'X' in corner of modal	Modal disappears and page returns to homepage	View
13	Difficulty Modal 'Jingle Bells Level'	Check appearance and click button	Font is clearly legible, leads to select topic modal	View
14	Difficulty Modal 'Frosty the Snowman Level'	Check appearance and click button	Font is clearly legible, leads to select topic modal	View
15	Difficulty Modal 'Santa's Workshop Challenge' Level	Check appearance and click button	Font is clearly legible, leads to select topic modal	View
16	Select Topic modal	Check appearance of modal	Font is clearly legible, modal is appropriately positioned and sized	View
17	Select topic Buttons	Check appearance of buttons and click each	Font is clearly legible, each button leads to quiz on the topic chosen	View
18	Quiz - Christmas Quiz Background	Check appearance for all topics	Image is clear and does not affect readablity of game text	View
19	Quiz - back button	Check appearance and click button	Button is appropriately sized, leads back to home page with continue button appearing	View
23	Continue Button	Check appearance and click button	Button is appropriately sized and positioned, leads back to last point in quiz	View
20	Quiz - Music Button	Check appearance and click button	Music plays when button is clicked, music stops when button is clicked again	View
21	Quiz - Help Button	Check appearance and click button	Font is clearly legible, instruction modal appears when button is clicked	View
22	Quiz - Title	Check Appearance of Title	Title is clearly legible and appropriately sized and positioned	View
23	Quiz - Question	Check Appearance of Question	Title is clearly legible and appropriately sized and positioned, matches theme	View
24	Quiz - Answers Buttons	Check appearance and click button	Font is clearly legible, button click selects answer and moves to next question	View
25	Quiz - Attempts	Check appearance of Attempts section	All elements of attempts section are clearly visible	View
26	Quiz - Incorrect answer	Click incorrect answer	Moves onto next question, an attempt icon disappears	View
27	Quiz - Questions Counter	Answer question and move to next one	Question counter goes down	View
28	Quiz - Progress Bar	Answer question and move to next one	The sleigh icon moves along the progress bar	Before: View After: View
29	Quiz - No Attempts left	Run out of attempts	Modal appears	View
30	Game over Modal	Check appearance of modal	Text is legible, symbols are clear	View
31	Game over Buttons	Check appearance and click buttons	Buttons are clearly legible. Yes button returns to difficulty selection, No button returns to homepage with no continue button	View
32	Win Game modal	Check appearance of modal	Text is legible, symbols are clear, trophy animation is working	View
33	Win Game Buttons	Check appearance and click buttons	Buttons are clearly legible. Yes button returns to difficulty selection, No button returns to homepage with no continue button	View
34	Meet Our Team	Check appearance of profiles
35	Meet Our Team Social Media Links	Click all social media links
36	Meet Our Team Title

Validation

Validators used

• Javascript: JsHint
• HTML: W3C Validator
• CSS: W3C CSS Validator

Results

db.js

game-display.js

**

game-storage.js

game.js

gameSnowflakes.js

**

home.js

homeSnowflakes.js

**

modals.js

script.js

game.css

No warnings - View

home.css

No warnings - View

team.css

No warnings - View

Bug Reports

1.

Bug: When user returned to the home page from the game page, the continue button allowed the user to continue the game, even if the user had already finished the game. Fix: The continue button is removed dynamically immediately when the user starts a new game

2.

Bug: On small devices the screen twitches due to the snow going beyond the screen Fix: Unfixed