Add user display during short poll

Author: ericlee878

packages/app/src/cli/services/bulk-operations/watch-bulk-operation.test.ts

@@ -143,7 +143,7 @@ describe('watchBulkOperation', () => {
   })
 })
 
-describe('quickWatchBulkOperation', () => {
+describe('shortBulkOperationPoll', () => {
   const mockAdminSession = {token: 'test-token', storeFqdn: 'test.myshopify.com'}
   const operationId = 'gid://shopify/BulkOperation/123'
 
@@ -178,6 +178,9 @@ describe('quickWatchBulkOperation', () => {
 
   beforeEach(() => {
     vi.mocked(sleep).mockResolvedValue()
+    vi.mocked(renderSingleTask).mockImplementation(async ({task}) => {
+      return task(() => {})
+    })
   })
 
   test('returns immediately when operation is already completed', async () => {

packages/app/src/cli/services/bulk-operations/watch-bulk-operation.ts

@@ -20,19 +20,25 @@ export const QUICK_WATCH_POLL_INTERVAL_MS = 300
 export type BulkOperation = NonNullable<GetBulkOperationByIdQuery['bulkOperation']>
 
 export async function shortBulkOperationPoll(adminSession: AdminSession, operationId: string): Promise<BulkOperation> {
-  const startTime = Date.now()
-  const poller = pollBulkOperation(adminSession, operationId, QUICK_WATCH_POLL_INTERVAL_MS / 1000)
+  return renderSingleTask<BulkOperation>({
+    title: outputContent`Checking bulk operation status...`,
+    task: async () => {
+      const startTime = Date.now()
+      const poller = pollBulkOperation(adminSession, operationId, QUICK_WATCH_POLL_INTERVAL_MS / 1000)
 
-  let latestOperationState: BulkOperation | undefined
+      let latestOperationState: BulkOperation | undefined
 
-  do {
-    // eslint-disable-next-line no-await-in-loop
-    const {value, done} = await poller.next()
-    latestOperationState = value
-    if (done) return latestOperationState
-  } while (Date.now() - startTime < QUICK_WATCH_TIMEOUT_MS)
+      do {
+        // eslint-disable-next-line no-await-in-loop
+        const {value, done} = await poller.next()
+        latestOperationState = value
+        if (done) return latestOperationState
+      } while (Date.now() - startTime < QUICK_WATCH_TIMEOUT_MS)
 
-  return latestOperationState
+      return latestOperationState
+    },
+    renderOptions: {stdout: process.stderr},
+  })
 }
 
 export async function watchBulkOperation(