Adjust frontend to display skipped tests

Author: Kwaizer

src/pages/TestLogs.vue

@@ -148,13 +148,21 @@
               </td>
               <td class="text-center" width="15%">
                 <q-chip
-                  :color="log.success ? 'green' : 'negative'"
+                  :color="
+                    log.skipped ? 'warning' : log.success ? 'green' : 'negative'
+                  "
                   text-color="white"
                   dense
                   class="text-weight-bolder text-capitalize"
                   square
                 >
-                  {{ log.success ? 'done' : 'failed' }}
+                  {{
+                    log.skipped
+                      ? 'skipped' // If skipped
+                      : log.success
+                        ? 'done'
+                        : 'failed'
+                  }}
                 </q-chip>
               </td>
             </tr>
@@ -296,6 +304,15 @@
                 .filter((opt) => test.alts_response.result[opt])
                 .forEach((opt) => {
                   let res = {}
+                  if (test.alts_response.result.skipped_tests.length) {
+                    res = {
+                      skipped: true,
+                      name: 'Skipped test',
+                      short_name:
+                        test.alts_response.result.skipped_tests.shift(),
+                    }
+                    parsed_test.result.push(res)
+                  }
                   if (['tests', 'third_party'].includes(opt)) {
                     for (const item in test.alts_response.result[opt]) {
                       res = {
@@ -360,12 +377,18 @@
         }
       },
       onView(log) {
-        let logUrl = `${window.origin}/pulp/content/test_logs/build-${this.buildId}-test_log/${log.name}`
-        this.selectedLog = log.name
-        axios.get(logUrl).then((response) => {
-          this.logText = response.data
+        if (log.name === 'Skipped test') {
+          this.logText =
+            'This test was specified to be skipped specifically for this project and platform'
           this.$refs.openLogView.open()
-        })
+        } else {
+          let logUrl = `${window.origin}/pulp/content/test_logs/build-${this.buildId}-test_log/${log.name}`
+          this.selectedLog = log.name
+          axios.get(logUrl).then((response) => {
+            this.logText = response.data;
+            this.$refs.openLogView.open();
+          })
+        }
       },
     },
     components: {