Suites.vue

<script setup lang="ts">
import { hasFailedSnapshot } from '@vitest/ws-client'
import { client, current, isReport, runCurrent } from '~/composables/client'

const name = computed(() => current.value?.name.split(/\//g).pop())

const failedSnapshot = computed(() => current.value?.tasks && hasFailedSnapshot(current.value?.tasks))
const updateSnapshot = () => current.value && client.rpc.updateSnapshot(current.value)
</script>

<template>
  <div v-if="current" h-full>
    <TasksList :tasks="current.tasks" :nested="true">
      <template #header>
        <StatusIcon mx-1 :task="current" />
        <span font-bold text-sm flex-auto ws-nowrap overflow-hidden truncate>{{ name }}</span>
        <div class="flex text-lg">
          <IconButton
            v-if="(failedSnapshot && !isReport)"
            v-tooltip.bottom="`Update failed snapshot(s) of ${current.name}`"
            icon="i-carbon-result-old"
            @click="updateSnapshot()"
          />
          <IconButton
            v-if="!isReport"
            v-tooltip.bottom="'Rerun file'"
            icon="i-carbon-play"
            @click="runCurrent()"
          />
        </div>
      </template>
    </TasksList>
  </div>
</template>