of2

Testing

[!NOTE]
Return back to the README.md file.

Code Validation

CSS

I have used the recommended CSS Jigsaw Validator to validate all of my CSS files.

Directory File Screenshot Notes
static App.css screenshot  
static CustomStyles.css screenshot  

JavaScript

I have used the recommended ESLint Validator to validate all of my JS files.

Directory File Screenshot Notes
components GameCard.js screenshot  
components GameDetails.js screenshot  
components NavBar.js screenshot  
components SignUpForm.js screenshot  
pages GameDetailsPage.js screenshot  
pages GamesPage.js screenshot  
pages HomePage.js screenshot  
pages LoginPage.js screenshot  
pages SignUpPage.js screenshot  
pages UserProfilePage.js screenshot  

Browser Compatibility

I’ve tested my deployed project on multiple browsers to check for compatibility issues.

Browser Home About Contact etc Notes
Chrome screenshot - Works as expected    
Firefox screenshot - Works as expected    
Safari screenshot - Works as expected    

Responsiveness

I’ve tested my deployed project on multiple devices to check for responsiveness issues.

Device Home Notes
Mobile (DevTools) screenshot Works as expected
Tablet (DevTools) screenshot Works as expected
Desktop screenshot Works as expected

Manual Testing – Frontend

Feature Steps Expected Result Actual Result Pass/Fail Screenshot
Sign Up Go to /signup, fill out form, submit User account created and redirected to login page Works as expected ✅ Pass Sign Up
Login Go to /login, enter valid credentials Redirect to /profile page, navbar updates Works as expected ✅ Pass Login
Invalid Login Enter wrong password at /login Error message shown Error displayed correctly ✅ Pass  
Logout Click “Logout” in navbar User logged out, redirected to /login Works as expected ✅ Pass Logout
Navbar Links Click “Home”, “Games”, “Profile” Navigate to correct page Works as expected ✅ Pass  
Navbar (Mobile) Resize window, open hamburger menu Menu expands, links visible umentation/testing/ visible ✅ Pass Navbar Mobile  
Games List Go to /games Games displayed in grid Works as expected ✅ Pass Games List
Load More Games Click “Load More” on homepage Additional games load without duplicates Works as expected ✅ Pass  
Game Details Click a game card → /games/:id Game title, description, and comments displayed Works as expected ✅ Pass Game Details
Add Comment In Game Details, enter text and submit Comment appears below game Works as expected ✅ Pass  
Delete Comment Click “Delete” on own comment Comment removed Works as expected ✅ Pass  
Like/Unlike Click “Like” button, then “Unlike” Like count updates accordingly Works as expected ✅ Pass  
Profile View Go to /profile User details displayed Works as expected ✅ Pass Profile View
Edit Profile On /profile, click “Edit Profile”, change values, save Profile updates and displays new info Works as expected ✅ Pass Edit Profile
Delete Account On /profile, click “Delete Account” → confirm Account deleted, redirected to / Works as expected ✅ Pass Delete Account