CI Custom Output integration in MergeRequest Widget and CI e.g. for lighthouse

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

  • Close this issue

Problem to solve

  • Display custom build results in merge request and pipeline view
  • Integrate lighthouse and other tools in merge request view and pipeline view

Target audience

  • Delaney, Development Team Lead, https://design.gitlab.com/research/personas#persona-delaney

  • Sasha, Software Developer, https://design.gitlab.com/research/personas#persona-sasha

  • Devon, DevOps Engineer, https://design.gitlab.com/research/personas#persona-devon

  • Sidney, Systems Administrator, https://design.gitlab.com/research/personas#persona-sidney

Further details

  • Most Teams have custom workflows, which are currently solveable with tools, which export junit und the current junit merger
job:
  artifacts:
    reports:
      junit: "junit.phpcs.xml"

Proposal

image

  • I would expect, that we can add content via an defined api endpoint or artifact.
job:
  artifacts:
    reports:
      html: "htmlReport.json"

Additionally i would specify a json file like:

{
  'title': 'Reportname which is displayed in MR Widget',
  'reportUri': 'Link to artifact, might be external',
  'reportIcon: 'favIcon, either base64 or external', 
  'reportAbstract': '<html>...</html>',
  'reportContent': '<html>....</html>',
  'success': true
}

The result is then either displayed at position 1️⃣ or at position 2️⃣ . This way gitlab is easily extensible for any kind of report.

field content required
title title for mr widget yes
reportUri uri for linking external sources for the report no
reportIcon uri or base64 encoded image no
reportAbstract html abstract for the first toggle of the mr widget line no
reportContent html / alternativ to reportUri no
success boolean, decides if job was successfull yes

What does success look like, and how can we measure that?

  • Display any test result in the merge request widget
  • allow to integrate any external tool easily
  • Investigate iframe attribute sandbox to keep the page secure https://www.w3schools.com/tags/att_iframe_sandbox.asp

Links / references

Edited Aug 28, 2025 by 🤖 GitLab Bot 🤖
Assignee Loading
Time tracking Loading