Skip to content

Migrate line header chevron

David O'Regan requested to merge 362802-chevron-icon-line-header into master

What does this MR do and why?

A small MVC for Migrate angle icon to chevron in app/assets/jav... (#362802 - closed) where we the chevron Icon in app/assets/javascripts/jobs/components/log/line_header.vue.

Screenshots or screen recordings

Before After
Screenshot_2022-06-09_at_13.20.53 Screenshot_2022-06-09_at_22.05.00

How to set up and validate locally

  1. Setup a Project with a .gitlab-ci.yml like this:
variables:
  FF_SCRIPT_SECTIONS: 1 # Important

stages:
  - build

build-job:
  stage: build
  before_script:
    - echo "before_script"
    - sleep 1
    - sleep 2
    - sleep 3
    - echo $CI_JOB_STATUS
  script:
    - echo "hello"
    - echo "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae."
    - echo $CI_JOB_STATUS
    - echo "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae."
    - |
      echo "First command line."
      echo "Second command line."
      echo "Third command line."
      sleep 1
      sleep 2
      sleep 3
    - |
      echo "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at. Hac habitasse platea dictumst vestibulum rhoncus est. Malesuada pellentesque elit eget gravida cum sociis natoque. Augue mauris augue neque gravida in fermentum. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Tellus orci ac auctor augue mauris augue neque gravida in. Dui id ornare arcu odio ut. Id aliquet risus feugiat in ante metus dictum at. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Nascetur ridiculus mus mauris vitae. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae."
      echo "Second command line."
      echo "Third command line."
      sleep 1
      sleep 2
      sleep 3

  after_script:
    - sleep 1
    - sleep 2
    - sleep 3
    - echo "after script"
    - echo $CI_JOB_STATUS
  1. Ensure you have a local runner configured: https://gitlab.com/gitlab-org/gitlab-development-kit/-/blob/main/doc/howto/runner.md#simple-configuration
  2. Navigate to the passed job build and inspect a line collapse.

MR acceptance checklist

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

Closes #362802 (closed)

Edited by David O'Regan

Merge request reports