GitLab Next

Problem to solve

Because review apps are single-use dynamic environments, it presents the possibility of injecting some code into the application that helps with the review process.

During the review app job, one could inject a web component (potentially taking advantage of shadow DOM) into the application, which will not affect the application functionality but provide a simple tool for reviewing and posting back comments to the merge request that automatically collect the URL that was being accessed and take a screenshot.

Example Concept

Further details

Use Cases:

1. Developer/QA manually ADHOC testing the application for visual/presentation issues
2. Compliance needs to document changes with screenshots, they can easily add them to the comments of the MR for an audit trail.

Proposal

In Scope

• Take a screenshot of an area of the screen
• Add that screenshot and a discussion comment to the Merge Request for this review app

Out of Scope / Nice to haves

• Image annotations

• Keyboard shortcut for Visual Review Tool

• Keyboard shortcut / button for "capture the visible area

• Porting the "which pages have changed" widget into the Visual Review Tool

Similar Products

• Marker.io who has support for GitLab issues as a destination
• Teampaper Snap
• Usersnap

Links / references