1 files changed, 50 insertions, 0 deletions
diff --git a/devtools/client/inspector/animation/test/browser_animation_logic_adjust-time-with-playback-rate.js b/devtools/client/inspector/animation/test/browser_animation_logic_adjust-time-with-playback-rate.js
new file mode 100644
index 0000000000..ad356cadd2
--- /dev/null
+++ b/devtools/client/inspector/animation/test/browser_animation_logic_adjust-time-with-playback-rate.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 playback rate 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 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 playback rate to x10 after selecting '.div2'");
+  await selectNode(".div2", inspector);
+  await waitUntil(() => panel.querySelectorAll(".animation-item").length === 1);
+  await changePlaybackRateSelector(animationInspector, panel, 10);
+
+  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
+  );
+
+  await waitUntil(
+    () => animationInspector.state.animations[0].state.currentTime === 50000
+  );
+  ok(true, "The current time of '.div1' animation is 50%");
+
+  await waitUntil(
+    () => animationInspector.state.animations[1].state.currentTime === 50000
+  );
+  ok(true, "The current time of '.div2' animation is 50%");
+});