Differentiate Visual Representation of Virtual Job from Normal Job

[VonnyJap]

What happened:

The virtual job's build console log indicated that sd-setup-init was encountering an error.

What you expected to happen:

The virtual job build log should not display a build page and should be highlighted with a different color or indicator in the workflow graph.

How to reproduce it:

Use this sample of screwdriver config

shared:
  image: node:14
  steps:
    - init: echo 'init'

jobs:
  triggering-ci:
    requires: [ ~pr, ~commit ]
  ci-setup-virtual:
    requires: [ ~triggering-ci ]
    annotations:
      screwdriver.cd/virtualJob: true
  ci-deploy:
    requires: [ ~ci-setup-virtual ]
  ci-test:
    requires: [ ci-deploy ]
  ci-certify:
    requires: [ ci-test ]
  ci-teardown-virtual:
    requires: [ ci-certify ]
    annotations:
      screwdriver.cd/virtualJob: true
  triggered-after-ci:
    requires: [ ~ci-teardown-virtual ]

[VonnyJap]

To manage the visual representation of the virtual job, we've decided to:

• Keep the build page details but exclude the steps and console.
• Introduce a statusMessageType in the schema, marking the status of the virtual job as SUCCESS, with statusMessageType: INFO and accompanying status messages.
• With the status, statusMessageType, and statusMessage, the UI can effectively inform users that the job is of a virtual type.