diff --git a/web/ui/mantine-ui/src/lib/formatTime.test.ts b/web/ui/mantine-ui/src/lib/formatTime.test.ts index c8b743cc0f..597d6909b9 100644 --- a/web/ui/mantine-ui/src/lib/formatTime.test.ts +++ b/web/ui/mantine-ui/src/lib/formatTime.test.ts @@ -57,6 +57,12 @@ describe("humanizeDuration", () => { expect(humanizeDuration(0)).toBe("0s"); }); + test("formats submilliseconds correctly", () => { + expect(humanizeDuration(0.1)).toBe("0ms"); + expect(humanizeDuration(0.6)).toBe("1ms"); + expect(humanizeDuration(0.000001)).toBe("0ms"); + }); + test("formats milliseconds correctly", () => { expect(humanizeDuration(1)).toBe("1ms"); expect(humanizeDuration(999)).toBe("999ms"); diff --git a/web/ui/mantine-ui/src/lib/formatTime.ts b/web/ui/mantine-ui/src/lib/formatTime.ts index 3b6722209a..95beb21d6b 100644 --- a/web/ui/mantine-ui/src/lib/formatTime.ts +++ b/web/ui/mantine-ui/src/lib/formatTime.ts @@ -86,6 +86,9 @@ const formatDuration = ( r.push(`${v}${unit}`); } } + if (r.length == 0 && unit == "ms") { + r.push(`${Math.round(ms)}ms`) + } } return sign + r.join(componentSeparator || "");