[v3-1-test] Update duration format to show milliseconds (#56775) (#56961)

(cherry picked from commit 9366ab2)

Co-authored-by: Brent Bovenzi <[email protected]>

Author: github-actions[bot]

airflow-core/src/airflow/ui/src/utils/datetimeUtils.test.ts

@@ -21,11 +21,11 @@ import { describe, it, expect } from "vitest";
 import { getDuration, renderDuration } from "./datetimeUtils";
 
 describe("getDuration", () => {
-  it("handles durations less than 10 seconds", () => {
+  it("handles durations less than 60 seconds", () => {
     const start = "2024-03-14T10:00:00.000Z";
-    const end = "2024-03-14T10:00:05.500Z";
+    const end = "2024-03-14T10:00:05.5111111Z";
 
-    expect(getDuration(start, end)).toBe("5.50s");
+    expect(getDuration(start, end)).toBe("00:00:05.511");
   });
 
   it("handles durations spanning multiple days", () => {

airflow-core/src/airflow/ui/src/utils/datetimeUtils.ts

@@ -31,9 +31,9 @@ export const renderDuration = (durationSeconds: number | null | undefined): stri
     return undefined;
   }
 
-  // If under 10 seconds, render as 9s
-  if (durationSeconds < 10) {
-    return `${durationSeconds.toFixed(2)}s`;
+  // If under 60 seconds, render milliseconds
+  if (durationSeconds < 60) {
+    return dayjs.duration(Number(durationSeconds.toFixed(3)), "seconds").format("HH:mm:ss.SSS");
   }
 
   // If under 1 day, render as HH:mm:ss otherwise include the number of days