From 4db59b75f5f9ecc47c8b324216d2e3dff0cab3c9 Mon Sep 17 00:00:00 2001
From: Benjamin Lu <benjaminlu1107@gmail.com>
Date: Fri, 23 Jan 2026 13:42:44 -0800
Subject: [PATCH] test: stabilize queue inline progress mock

---
 .../queue/QueueInlineProgress.test.ts         | 34 ++++++++++++++++---
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/components/queue/QueueInlineProgress.test.ts b/src/components/queue/QueueInlineProgress.test.ts
index aa330744d..d63dc430e 100644
--- a/src/components/queue/QueueInlineProgress.test.ts
+++ b/src/components/queue/QueueInlineProgress.test.ts
@@ -1,12 +1,13 @@
 import { mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { ref } from 'vue'
+import { nextTick, ref } from 'vue'
+import type { Ref } from 'vue'
 
 import QueueInlineProgress from '@/components/queue/QueueInlineProgress.vue'
 
 const mockProgress = vi.hoisted(() => ({
-  totalPercent: ref(0),
-  currentNodePercent: ref(0)
+  totalPercent: null as unknown as Ref<number>,
+  currentNodePercent: null as unknown as Ref<number>
 }))
 
 vi.mock('@/composables/queue/useQueueProgress', () => ({
@@ -21,8 +22,8 @@ const createWrapper = (props: { hidden?: boolean } = {}) =>
 
 describe('QueueInlineProgress', () => {
   beforeEach(() => {
-    mockProgress.totalPercent.value = 0
-    mockProgress.currentNodePercent.value = 0
+    mockProgress.totalPercent = ref(0)
+    mockProgress.currentNodePercent = ref(0)
   })
 
   it('renders when total progress is non-zero', () => {
@@ -48,4 +49,27 @@ describe('QueueInlineProgress', () => {
 
     expect(wrapper.find('[aria-hidden="true"]').exists()).toBe(false)
   })
+
+  it('shows when progress becomes non-zero', async () => {
+    const wrapper = createWrapper()
+
+    expect(wrapper.find('[aria-hidden="true"]').exists()).toBe(false)
+
+    mockProgress.totalPercent.value = 10
+    await nextTick()
+    expect(wrapper.find('[aria-hidden="true"]').exists()).toBe(true)
+  })
+
+  it('hides when progress returns to zero', async () => {
+    mockProgress.totalPercent.value = 10
+
+    const wrapper = createWrapper()
+
+    expect(wrapper.find('[aria-hidden="true"]').exists()).toBe(true)
+
+    mockProgress.totalPercent.value = 0
+    mockProgress.currentNodePercent.value = 0
+    await nextTick()
+    expect(wrapper.find('[aria-hidden="true"]').exists()).toBe(false)
+  })
 })