All files / ee/app/assets/javascripts/compliance_dashboard/components/merge_requests status.vue

100% Statements 4/4
100% Branches 2/2
100% Functions 2/2
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33      3x 3x                             5x           24x              
<script>
import { isEmpty } from 'lodash';
 
import Approval from './statuses/approval.vue';
import Pipeline from './statuses/pipeline.vue';
 
export default {
  components: {
    Approval,
    Pipeline,
  },
  props: {
    status: {
      type: Object,
      required: true,
    },
  },
  computed: {
    hasData() {
      return !isEmpty(this.status.data);
    },
  },
};
</script>
 
<template>
  <div
    class="gl-display-flex gl-align-items-center gl-justify-content-center gl-border-b-solid gl-border-b-1 gl-border-b-gray-100 gl-p-5"
  >
    <component :is="status.type" v-if="hasData" :status="status.data" />
  </div>
</template>