1 files changed, 50 insertions, 0 deletions
diff --git a/devtools/client/inspector/animation/test/browser_animation_logic_adjust-time.js b/devtools/client/inspector/animation/test/browser_animation_logic_adjust-time.js
new file mode 100644
index 0000000000..44769ea055
--- /dev/null
+++ b/devtools/client/inspector/animation/test/browser_animation_logic_adjust-time.js
@@ -0,0 +1,50 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Test adjusting the created time with different current times of animation.
+
+add_task(async function () {
+  await addTab(URL_ROOT + "doc_custom_playback_rate.html");
+  const { animationInspector, inspector, panel } =
+    await openAnimationInspector();
+
+  info(
+    "Pause the all animation and set current time to middle time in order to " +
+      "check the adjusting time"
+  );
+  clickOnPauseResumeButton(animationInspector, panel);
+  await waitUntilAnimationsPlayState(animationInspector, "paused");
+  clickOnCurrentTimeScrubberController(animationInspector, panel, 0.5);
+
+  info("Check the created times of all animation are same");
+  checkAdjustingTheTime(
+    animationInspector.state.animations[0].state,
+    animationInspector.state.animations[1].state
+  );
+
+  info("Change the current time to 75% after selecting '.div2'");
+  await selectNode(".div2", inspector);
+  await waitUntil(() => panel.querySelectorAll(".animation-item").length === 1);
+  clickOnCurrentTimeScrubberController(animationInspector, panel, 0.75);
+
+  info("Check each adjusted result of animations after selecting 'body' again");
+  await selectNode("body", inspector);
+  await waitUntil(() => panel.querySelectorAll(".animation-item").length === 2);
+
+  checkAdjustingTheTime(
+    animationInspector.state.animations[0].state,
+    animationInspector.state.animations[1].state
+  );
+  is(
+    animationInspector.state.animations[0].state.currentTime,
+    50000,
+    "The current time of '.div1' animation is 50%"
+  );
+  is(
+    animationInspector.state.animations[1].state.currentTime,
+    75000,
+    "The current time of '.div2' animation is 75%"
+  );
+});