1 files changed, 39 insertions, 0 deletions
diff --git a/devtools/client/inspector/animation/test/browser_animation_infinity-duration_current-time-scrubber.js b/devtools/client/inspector/animation/test/browser_animation_infinity-duration_current-time-scrubber.js
new file mode 100644
index 0000000000..8fae912d1f
--- /dev/null
+++ b/devtools/client/inspector/animation/test/browser_animation_infinity-duration_current-time-scrubber.js
@@ -0,0 +1,39 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Test whether the scrubber was working for even the animation of infinity duration.
+
+add_task(async function () {
+  await addTab(URL_ROOT + "doc_infinity_duration.html");
+  await removeAnimatedElementsExcept([".infinity-delay-iteration-start"]);
+  const { animationInspector, panel } = await openAnimationInspector();
+
+  info("Set initial state");
+  clickOnCurrentTimeScrubberController(animationInspector, panel, 0);
+  await waitUntilAnimationsPlayState(animationInspector, "paused");
+  const initialCurrentTime =
+    animationInspector.state.animations[0].state.currentTime;
+
+  info("Check whether the animation currentTime was increased");
+  clickOnCurrentTimeScrubberController(animationInspector, panel, 1);
+  await waitUntil(
+    () =>
+      initialCurrentTime <
+      animationInspector.state.animations[0].state.currentTime
+  );
+  ok(true, "currentTime should be increased");
+
+  info("Check whether the progress bar was moved");
+  const areaEl = panel.querySelector(".keyframes-progress-bar-area");
+  const barEl = areaEl.querySelector(".keyframes-progress-bar");
+  const controllerBounds = areaEl.getBoundingClientRect();
+  const barBounds = barEl.getBoundingClientRect();
+  const barX = barBounds.x + barBounds.width / 2 - controllerBounds.x;
+  const expectedBarX = controllerBounds.width * 0.5;
+  ok(
+    Math.abs(barX - expectedBarX) < 1,
+    "Progress bar should indicate at progress of 0.5"
+  );
+});