Skip to main content

Reporting Bugs with Full Context Capture

The Chrome Extension allows you to manually report bugs with rich context, tagging them to specific screen-states in the Atlas SiteMap.

How to Report a Bug​

  1. Open the extension: Click the TestChimp extension icon and go to the Bugs tab
  2. Select screen and state: Use the screen and state selectors to identify where the bug occurs in the Atlas SiteMap
    • If the screen/state doesn't exist yet, you can create it using the MindMap Builder or MindMap Update options
  3. Click "Add Bug": This opens the bug reporting panel
  4. Fill in bug details:
    • Title: Brief description of the bug
    • Description: Detailed explanation of the issue
    • Severity: Select S1 (High), S2 (Medium), or S3 (Low)
    • Category: Choose the appropriate bug category
    • Assignee (optional): Assign the bug to a team member by email
  5. Tag relevant UI elements (optional):
    • Add element: Click "Add element" and then click on a specific element in your app to tag it
    • Add area: Click "Add area" and draw a box around the problematic area on the page
    • You can add multiple elements or areas to provide more context
  6. Submit: Click "Ok" to create the bug

Context Captured​

When you report a bug, the extension automatically captures:

  • Screenshot: A screenshot of the current page state
  • Bounding boxes: Visual markers showing the exact location of tagged elements or areas on the screenshot
  • Element selectors: For tagged elements, the extension captures the selector path to identify the specific DOM element
  • Screen-state location: The bug is tagged to the selected screen and state in the Atlas SiteMap

This context helps developers quickly understand where the bug occurs and what elements are involved, making it easier to reproduce and fix the issue.

Benefits​

  • Precise location: Bugs are tagged to specific screen-states in the Atlas SiteMap
  • Visual context: Screenshots with bounding boxes show exactly where the issue is
  • Rich metadata: Severity, category, and assignee help prioritize and route bugs
  • Consolidated reporting: All bugs are viewable in the Atlas SiteMap alongside bugs found by ExploreChimp