1 files changed, 43 insertions, 0 deletions
diff --git a/devtools/client/inspector/animation/test/browser_animation_short-duration.js b/devtools/client/inspector/animation/test/browser_animation_short-duration.js
new file mode 100644
index 0000000000..c953d886ff
--- /dev/null
+++ b/devtools/client/inspector/animation/test/browser_animation_short-duration.js
@@ -0,0 +1,43 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Test tooltips and iteration path of summary graph with short duration animation.
+
+add_task(async function () {
+  await addTab(URL_ROOT + "doc_short_duration.html");
+  const { panel } = await openAnimationInspector();
+
+  const animationItemEl = await findAnimationItemByTargetSelector(
+    panel,
+    ".short"
+  );
+  const summaryGraphEl = animationItemEl.querySelector(
+    ".animation-summary-graph"
+  );
+
+  info("Check tooltip");
+  assertTooltip(summaryGraphEl);
+
+  info("Check iteration path");
+  assertIterationPath(summaryGraphEl);
+});
+
+function assertTooltip(summaryGraphEl) {
+  const tooltip = summaryGraphEl.getAttribute("title");
+  const expected = "Duration: 0s";
+  ok(tooltip.includes(expected), `Tooltip should include '${expected}'`);
+}
+
+function assertIterationPath(summaryGraphEl) {
+  const pathEl = summaryGraphEl.querySelector(
+    ".animation-computed-timing-path .animation-iteration-path"
+  );
+  const expected = [
+    { x: 0, y: 0 },
+    { x: 0.999, y: 99.9 },
+    { x: 1, y: 0 },
+  ];
+  assertPathSegments(pathEl, true, expected);
+}