Try the Bug Yourself
Interact with this counter to see the bug in action. Try clicking the minus button multiple times, then try the plus button.
⚠️ Bug Present
This counter has intentional bugs for demonstration purposes. See if you can find what's wrong!
Click the buttons to increase or decrease the counter. Minimum value is 0, maximum is 10.
Professional Bug Report
This is how a QA tester would document the bug you just experienced
Bug Title:
Counter allows values below minimum (0) and above maximum (10)
Section/Component:
Item Counter
Severity:
MAJOR
Functional issue that affects user experience but doesn't break critical functionality
Steps to Reproduce:
1. Navigate to the Item Counter section
2. Click the minus (-) button multiple times
3. Observe the counter goes into negative numbers
4. Reset the counter
5. Click the plus (+) button more than 10 times
6. Observe the counter exceeds the maximum value of 10
Expected Result:
Counter should stop at 0 when decreasing and stop at 10 when increasing, as stated in the info box below the counter.
Actual Result:
Counter goes below 0 (e.g., -1, -2, -3) and above 10 (e.g., 11, 12, 13) without any validation or limits.
Additional Notes:
This violates the stated business rules for the counter. Should add validation to prevent values outside the 0-10 range.
Attachments:
📹 Screen recording showing counter going negative
📸 Screenshot of counter at value -5
📸 Screenshot of counter at value 15
📄 Browser console logs (if applicable)
📎 Including Evidence in Bug Reports:
Professional bug reports typically include visual evidence and technical data:
Video Recordings: Show the exact steps and demonstrate the bug in action (especially useful for timing issues or complex interactions)
Screenshots: Capture the moment the bug occurs, error messages, or unexpected UI states
Console Logs: Technical errors, warnings, or network issues from browser developer tools
System Info: Browser version, operating system, device type when relevant
💡 A picture is worth a thousand words - video and screenshots make bugs much easier to understand and reproduce!
💡 Bug Report Best Practices:
Be specific: Include exact steps and values
Be objective: Describe what happens, not opinions
Be complete: Include all information needed to reproduce
Prioritize correctly: Use severity levels appropriately
Provide evidence: Attach screenshots, videos, and logs when possible
📊 Severity Level Guidelines:
🔴 CRITICAL: Breaks core functionality, prevents users from completing tasks, security vulnerabilities, data loss, system crashes
Examples: Cannot login, payment processing fails, user data exposed, application won't load
🟡 MAJOR: Significant functional problems, broken features, poor user experience, workarounds may exist but are inconvenient
Examples: Search returns incorrect results, form validation missing, counter ignores limits, broken navigation
⚪ MINOR: Cosmetic issues, typos, small UI inconsistencies, doesn't affect functionality significantly
Examples: Spelling errors, button slightly misaligned, wrong color on success message, missing icon