Skip to content

Fix stage name escaping in pipeline views

What does this MR do and why?

Stage names in the pipeline overview and in the pipeline editor visualise view were rendered in an escaped and capitalized format.

This happened because of a manual capitalization and escaping, which is removed in this MR in favour of Vue.js native escaping.

Screenshots or screen recordings

Before After
Screenshot_2022-09-02_at_11.29.24 Screenshot_2022-09-02_at_11.29.02
Screenshot_2022-09-02_at_11.29.41 Screenshot_2022-09-02_at_11.30.01

How to set up and validate locally

  1. Create .gitlab-ci.yaml file with "escapable" characters in stage names, e.g.
stages:
  - Test & LINT

test-lint:
  stage: Test & LINT
  script:
    - echo "TEST AND LINT"
  1. Check the stage name in pipeline overview for the running pipeline, the name should be exactly as defined in the CI file
  2. Check the stage name in pipeline editor visualize view, the name should be exactly as defined in the CI file

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Fixes #24922 (closed)

Edited by Fabian Schneider

Merge request reports