Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/vitest-dev/vitest. Next generation testing framework powered by Vite. vitest.dev
test testing-tools vite
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061<script setup lang="ts">import { files } from '../../composables/client'import { filesFailed, filesSnapshotFailed, filesSuccess, time } from '../../composables/summary'</script>
<template> <div data-testid="test-files-entry" grid="~ cols-[min-content_1fr_min-content]" items-center gap="x-2 y-3" p="x4" relative font-light w-80 op80 > <div i-carbon-document /> <div>Files</div> <div class="number" data-testid="num-files"> {{ files.length }} </div>
<template v-if="filesSuccess.length"> <div i-carbon-checkmark /> <div>Pass</div> <div class="number"> {{ filesSuccess.length }} </div> </template>
<template v-if="filesFailed.length"> <div i-carbon-close /> <div> Fail </div> <div class="number" text-red5> {{ filesFailed.length }} </div> </template>
<template v-if="filesSnapshotFailed.length"> <div i-carbon-compare /> <div> Snapshot Fail </div> <div class="number" text-red5> {{ filesSnapshotFailed.length }} </div> </template>
<div i-carbon-timer /> <div>Time</div> <div class="number" data-testid="run-time"> {{ time }} </div> </div></template>
<style scoped>.number { font-weight: 400; text-align: right;}</style>