Provide Visual Review tools in Review App
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.
Further details
Use Cases:
- Developer/QA manually ADHOC testing the application for visual/presentation issues
- 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
-
Keyboard shortcut / button for "capture the visible area
-
Porting the "which pages have changed" widget into the Visual Review Tool
