1 files changed, 69 insertions, 0 deletions
diff --git a/devtools/client/shared/test/browser_cubic-bezier-05.js b/devtools/client/shared/test/browser_cubic-bezier-05.js
new file mode 100644
index 0000000000..2e6659c07d
--- /dev/null
+++ b/devtools/client/shared/test/browser_cubic-bezier-05.js
@@ -0,0 +1,69 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Tests that the CubicBezierPresetWidget cycles menus
+
+const {
+  CubicBezierPresetWidget,
+} = require("resource://devtools/client/shared/widgets/CubicBezierWidget.js");
+const {
+  PREDEFINED,
+  PRESETS,
+  DEFAULT_PRESET_CATEGORY,
+} = require("resource://devtools/client/shared/widgets/CubicBezierPresets.js");
+
+const TEST_URI = CHROME_URL_ROOT + "doc_cubic-bezier-01.html";
+
+add_task(async function () {
+  const { host, doc } = await createHost("bottom", TEST_URI);
+
+  const container = doc.querySelector("#cubic-bezier-container");
+  const w = new CubicBezierPresetWidget(container);
+
+  info("Checking that preset is selected if coordinates are known");
+
+  w.refreshMenu([0, 0, 0, 0]);
+  is(
+    w.activeCategory,
+    container.querySelector(`#${DEFAULT_PRESET_CATEGORY}`),
+    "The default category is selected"
+  );
+  is(w._activePreset, null, "There is no selected category");
+
+  w.refreshMenu(PREDEFINED.linear);
+  is(
+    w.activeCategory,
+    container.querySelector("#ease-in-out"),
+    "The ease-in-out category is active"
+  );
+  is(
+    w._activePreset,
+    container.querySelector("#ease-in-out-linear"),
+    "The ease-in-out-linear preset is active"
+  );
+
+  w.refreshMenu(PRESETS["ease-out"]["ease-out-sine"]);
+  is(
+    w.activeCategory,
+    container.querySelector("#ease-out"),
+    "The ease-out category is active"
+  );
+  is(
+    w._activePreset,
+    container.querySelector("#ease-out-sine"),
+    "The ease-out-sine preset is active"
+  );
+
+  w.refreshMenu([0, 0, 0, 0]);
+  is(
+    w.activeCategory,
+    container.querySelector("#ease-out"),
+    "The ease-out category is still active"
+  );
+  is(w._activePreset, null, "No preset is active");
+
+  w.destroy();
+  host.destroy();
+});