[Test session] inline blame

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Summary

This issue tracks a group test session for inline blame (rendering blame file information within the Blob viewer frontend app).

Scope for this test session

  • Toggling inline blame on/off from the blob page
  • Blame gutter layout and commit info display
  • Age indicator and preferences (show/hide age legend)
  • Hover interactions and commit popover
  • Narrow viewport / responsive behavior
  • Keyboard and accessibility coverage
  • Cross-browser coverage

Test date

may 13, 2026

Testing environments

How to log issues

Create one comment thread per issue in this meta issue.

### [Brief descriptive title]

**Environment:** [Staging / Production]
**Browser:** [Chrome / Firefox / Safari / Edge]
**OS:** [macOS / Windows / Linux]
**Viewport:** [Desktop / Tablet / Mobile]
**Screen Reader:** [If applicable]

#### Steps to Reproduce
1.
2.
3.

#### Expected vs Actual
- **Expected:**
- **Actual:**

#### Evidence
[Screenshots / videos]

#### Additional Info
- **Console errors:** [If any]
- **Reproducibility:** [Always / Sometimes / Once]

What to test

  1. Toggle inline blame on/off
    • Verify the blame gutter appears when toggling blame on from the blob page.
    • Verify the blame gutter is hidden when toggling blame off.
    • Verify the Preview | Code | Blame toggle in the blob header works correctly.
    • Verify the URL/permalink reflects the blame state correctly.
  2. Blame gutter layout and commit info
    • Verify blame information is displayed correctly per line (author, date, commit message).
    • Verify the blame column width is appropriate and does not break the code layout.
    • Verify the link-to-blame in the line gutter is disabled when inline blame is active.
    • Verify "View Blame prior to this change" renders correctly within the inline blame experience.
  3. Age indicator and preferences
    • Verify the age indicator (color gradient) is shown correctly per blame entry.
    • Verify the "Show age indicator" toggle in blame preferences shows/hides the age legend.
    • Verify blame preferences are accessible from the blob header dropdown.
  4. Hover interactions and commit popover
    • Verify hovering a blame entry shows the commit popover with relevant info (author, date, branch, message).
    • Verify the popover dismisses correctly on mouse-out.
  5. Narrow viewport / responsive behavior
    • Verify inline blame and the file tree button (FTB) work on narrow viewports.
    • Verify the blame gutter and code remain usable on mobile breakpoints.
    • Verify no layout overflow or clipping occurs at small screen sizes.
  6. Keyboard and accessibility
    • Navigate the blob page and blame gutter using keyboard only.
    • Verify focus order is sensible across the blame gutter and blob content.
    • Verify screen reader labels and announcements are understandable and accurate.
  7. Cross-browser coverage
    • Test on supported browsers (Chrome, Firefox, Safari, Edge).
    • Note any browser-specific rendering, focus, or interaction issues.
  8. Regression checks
    • Verify the standard blob/code view is unaffected when blame is off.
    • Verify avatar images in the commit info component load correctly (lazy-loaded).
    • Verify the blame page URL (/blame/) still works and renders correctly.
  9. Deeplinking and navigation
    • Verify deeplinking to a specific line scrolls to the line and loads the blame info (example).
    • Verify navigating to legacy blame auto-redirects to inline blame (example).
  10. Theme support
    • Verify inline blame renders correctly in both light and dark mode.
  11. Inline blame popover (onboarding)
    • Verify the inline blame popover is displayed on first view.
    • Verify the popover does not display again once dismissed.
  12. Large file performance
    • Verify blame data loads in chunks for large files (thousands of lines, many authors) (example).

Suggested test flows

  • Open a file in the blob viewer and toggle blame on — confirm the gutter appears with correct info
  • Toggle blame off — confirm the gutter disappears and code view is restored
  • Use the Preview | Code | Blame toggle in the blob header
  • Hover a blame entry and confirm the commit popover appears
  • Toggle the age indicator legend on and off from blame preferences
  • Click "View Blame prior to this change" and confirm it navigates correctly
  • Resize the browser to a narrow viewport and confirm blame + FTB remain usable
  • Navigate the page with keyboard only and confirm focus order is correct
  • Open the blame view via the /blame/ URL and confirm it renders inline blame
  • Test on at least two browsers

References

Edited by Chaoyue Zhao