profile-card-stage0


🧠 TESTING.md

```markdown

TESTING.md β€” Profile Card Stage 0

This file documents how the Profile Card Component was tested to ensure functionality, responsiveness, and accessibility.


βœ… Functional Tests

Feature Test Performed Result
User name Verified it displays correctly in the header (data-testid="test-user-name") Β 
βœ… Passed Β  Β 
User bio Confirmed the bio text is visible (data-testid="test-user-bio") Β 
βœ… Passed Β  Β 
User avatar Image loads correctly with proper alt text (data-testid="test-user-avatar") Β 
βœ… Passed Β  Β 
Current time Time updates dynamically every second (data-testid="test-user-time") Β 
βœ… Passed Β  Β 
Social links Each link opens in a new tab and is accessible (data-testid="test-user-social-*) Β 
βœ… Passed Β  Β 

πŸ“± Responsiveness Tests


β™Ώ Accessibility Tests


🌍 Browser Compatibility

Browser Tested Result
Chrome βœ… Works perfectly
Edge βœ… Works perfectly
Firefox βœ… Works perfectly
Safari βšͺ Not tested (no macOS device)

🧩 Validation


πŸ—’οΈ Notes


Final Verdict:
βœ… All functional, responsive, and accessibility checks passed.
πŸš€ Ready for deployment and submission.

Testing Documentation

Data-testid Attributes Reference

Profile Card (Task0.html)

Contact Page (contactUs1.html)

About Me Page (AboutMe1.html)

Manual Testing Checklist

Responsive Design

Functionality

Accessibility

Browser Compatibility

Tested and working in: