Automated web defect scanner that finds real issues on live websites - broken images, JavaScript errors, server 500s, slow content loads, and missing UI elements. Each defect documented with severity, video recording, and annotated screenshots.
| ID | Severity | Defect | Details |
|---|---|---|---|
| SCAN-001 | HIGH | Broken Images | 2 images failed to load (asdf.jpg, hjkl.jpg) |
| SCAN-002 | CRITICAL | JavaScript Error | Cannot read properties of undefined (reading 'xyz') |
| SCAN-003 | CRITICAL | Server Error | HTTP 500 Internal Server Error returned |
| SCAN-004 | INFO | Performance | Dynamic content load time measured |
| SCAN-005 | MEDIUM | Missing Notification | Expected notification not displayed |
- Broken Images - Scans all img elements, checks naturalWidth === 0
- JavaScript Errors - Captures console errors and page errors in real-time
- HTTP Status Codes - Validates server responses (catches 4xx/5xx)
- Slow Page Loads - Measures dynamic content appearance time vs threshold
- Missing UI Elements - Verifies expected elements render on the page
Each test produces a video showing:
- Green step labels describing what's being scanned
- Red DEFECT badges with severity when issues are found
- The actual broken page state visible in the recording
git clone https://github.com/Djones-qa/web-defect-scanner.git
cd web-defect-scanner
npm install
npx playwright install chromium
npx playwright test --reporter=listDarrius Jones
- GitHub: @Djones-qa
- LinkedIn: darrius-jones-28226b350
MIT - 2026 Darrius Jones
See LICENSE for details.