Add timestamp field to video report dialog (#11339)

src/lib/media/video/__tests__/formatTime.test.ts

@@ -0,0 +1,16 @@
+import {formatTime} from '../formatTime'
+
+describe('formatTime', () => {
+  it('formats seconds as minutes and seconds', () => {
+    expect(formatTime(0)).toBe('0:00')
+    expect(formatTime(65)).toBe('1:05')
+  })
+
+  it('rounds fractional seconds', () => {
+    expect(formatTime(12.5)).toBe('0:13')
+  })
+
+  it('handles an unknown duration', () => {
+    expect(formatTime(NaN)).toBe('--')
+  })
+})

src/lib/media/video/formatTime.ts

@@ -0,0 +1,16 @@
+/**
+ * Formats a duration in seconds as minutes and seconds for video controls and
+ * related UI.
+ */
+export function formatTime(time: number) {
+  if (isNaN(time)) {
+    return '--'
+  }
+
+  time = Math.round(time)
+
+  const minutes = Math.floor(time / 60)
+  const seconds = String(time % 60).padStart(2, '0')
+
+  return `${minutes}:${seconds}`
+}