1 files changed, 68 insertions, 0 deletions
diff --git a/devtools/client/inspector/rules/test/browser_rules_edit-property_06.js b/devtools/client/inspector/rules/test/browser_rules_edit-property_06.js
new file mode 100644
index 0000000000..1b9a04ba5d
--- /dev/null
+++ b/devtools/client/inspector/rules/test/browser_rules_edit-property_06.js
@@ -0,0 +1,68 @@
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Tests that editing a property's priority is behaving correctly, and disabling
+// and editing the property will re-enable the property.
+
+const TEST_URI = `
+  <style type='text/css'>
+  body {
+    background-color: green !important;
+  }
+  body {
+    background-color: red;
+  }
+  </style>
+`;
+
+add_task(async function () {
+  await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI));
+  const { inspector, view } = await openRuleView();
+  await selectNode("body", inspector);
+
+  const prop = getTextProperty(view, 1, { "background-color": "red" });
+
+  is(
+    await getComputedStyleProperty("body", null, "background-color"),
+    "rgb(0, 128, 0)",
+    "green background color is set."
+  );
+
+  await setProperty(view, prop, "red !important");
+
+  is(
+    prop.editor.valueSpan.textContent,
+    "red !important",
+    "'red !important' property value is correctly set."
+  );
+  is(
+    await getComputedStyleProperty("body", null, "background-color"),
+    "rgb(255, 0, 0)",
+    "red background color is set."
+  );
+
+  info("Disabling red background color property");
+  await togglePropStatus(view, prop);
+
+  is(
+    await getComputedStyleProperty("body", null, "background-color"),
+    "rgb(0, 128, 0)",
+    "green background color is set."
+  );
+
+  await setProperty(view, prop, "red");
+
+  is(
+    prop.editor.valueSpan.textContent,
+    "red",
+    "'red' property value is correctly set."
+  );
+  ok(prop.enabled, "red background-color property is enabled.");
+  is(
+    await getComputedStyleProperty("body", null, "background-color"),
+    "rgb(0, 128, 0)",
+    "green background color is set."
+  );
+});