[READ-ONLY] Mirror of https://github.com/vitest-dev/vitest. Next generation testing framework powered by Vite.
vitest.dev
test
testing-tools
vite
chore(ui): make `StatusIcon` props stable (#5937)
authored by
Joaquín Sánchez
and committed by
GitHub
(Jun 20, 2024, 4:45 PM +0200)
7ae160ba
48f28f73
+12
-9
+11
-8
packages/ui/client/components/StatusIcon.vue
+11
-8
packages/ui/client/components/StatusIcon.vue
···
1
1
<script setup lang="ts">
2
-
import { hasFailedSnapshot } from '@vitest/ws-client'
3
-
import type { Task } from 'vitest'
2
+
import type { RunMode, TaskState } from 'vitest'
4
3
5
-
defineProps<{ task: Task }>()
4
+
defineProps<{
5
+
state?: TaskState
6
+
mode?: RunMode
7
+
failedSnapshot?: boolean
8
+
}>()
6
9
</script>
7
10
8
11
<template>
9
12
<div
10
-
v-if="task.result?.state === 'pass'"
13
+
v-if="state === 'pass'"
11
14
text-green-500
12
15
flex-shrink-0
13
16
i-carbon:checkmark
14
17
/>
15
18
<div
16
-
v-else-if="hasFailedSnapshot(task)"
19
+
v-else-if="failedSnapshot"
17
20
v-tooltip.right="'Contains failed snapshot'"
18
21
text-red-500
19
22
flex-shrink-0
20
23
i-carbon:compare
21
24
/>
22
25
<div
23
-
v-else-if="task.result?.state === 'fail'"
26
+
v-else-if="state === 'fail'"
24
27
text-red-500
25
28
flex-shrink-0
26
29
i-carbon:close
27
30
/>
28
31
<div
29
-
v-else-if="task.mode === 'todo'"
32
+
v-else-if="mode === 'todo'"
30
33
v-tooltip.right="'Todo'"
31
34
text-gray-500
32
35
flex-shrink-0
33
36
i-carbon:document-blank
34
37
/>
35
38
<div
36
-
v-else-if="task.mode === 'skip' || task.result?.state === 'skip'"
39
+
v-else-if="mode === 'skip' || state === 'skip'"
37
40
v-tooltip.right="'Skipped'"
38
41
text-gray-500
39
42
flex-shrink-0
+1
-1
packages/ui/client/components/explorer/ExplorerItem.vue
+1
-1
packages/ui/client/components/explorer/ExplorerItem.vue
···
132
132
<div v-if="type === 'file' || type === 'suite'" w-4>
133
133
<div :class="opened ? 'i-carbon:chevron-down' : 'i-carbon:chevron-right op20'" op20 />
134
134
</div>
135
-
<StatusIcon :task="task" w-4 />
135
+
<StatusIcon :state="state" :mode="task.mode" :failed-snapshot="failedSnapshot" w-4 />
136
136
<div v-if="type === 'suite' && typecheck" class="i-logos:typescript-icon" flex-shrink-0 mr-2 />
137
137
<div flex items-end gap-2 :text="state === 'fail' ? 'red-500' : ''" overflow-hidden>
138
138
<span text-sm truncate font-light>