1 files changed, 24 insertions, 0 deletions
diff --git a/devtools/client/inspector/rules/test/browser_rules_add-property-svg.js b/devtools/client/inspector/rules/test/browser_rules_add-property-svg.js
new file mode 100644
index 0000000000..f286d6f427
--- /dev/null
+++ b/devtools/client/inspector/rules/test/browser_rules_add-property-svg.js
@@ -0,0 +1,24 @@
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Tests editing SVG styles using the rules view.
+
+var TEST_URL = "chrome://devtools/skin/images/alert.svg";
+var TEST_SELECTOR = "path";
+
+add_task(async function () {
+  await addTab(TEST_URL);
+  const { inspector, view } = await openRuleView();
+  await selectNode(TEST_SELECTOR, inspector);
+
+  info("Test creating a new property");
+  await addProperty(view, 0, "fill", "red");
+
+  is(
+    await getComputedStyleProperty(TEST_SELECTOR, null, "fill"),
+    "rgb(255, 0, 0)",
+    "The fill was changed to red"
+  );
+});