diff -r 000000000000 -r 6474c204b198 browser/devtools/styleinspector/test/browser_ruleview_add-property-and-reselect.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/browser/devtools/styleinspector/test/browser_ruleview_add-property-and-reselect.js	Wed Dec 31 06:09:35 2014 +0100
@@ -0,0 +1,47 @@
+/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Tests that adding properties to rules work and reselecting the element still
+// show them
+
+const TEST_URI = TEST_URL_ROOT + "doc_content_stylesheet.html";
+
+let test = asyncTest(function*() {
+  yield addTab(TEST_URI);
+
+  let target = getNode("#target");
+
+  let {toolbox, inspector, view} = yield openRuleView();
+  yield selectNode(target, inspector);
+
+  info("Setting a font-weight property on all rules");
+  setPropertyOnAllRules(view);
+
+  info("Reselecting the element");
+  yield reselectElement(target, inspector);
+
+  checkPropertyOnAllRules(view);
+});
+
+function* reselectElement(node, inspector) {
+  yield selectNode(node.parentNode, inspector);
+  yield selectNode(node, inspector);
+}
+
+function setPropertyOnAllRules(view) {
+  for (let rule of view._elementStyle.rules) {
+    rule.editor.addProperty("font-weight", "bold", "");
+  }
+}
+
+function checkPropertyOnAllRules(view) {
+  for (let rule of view._elementStyle.rules) {
+    let lastRule = rule.textProps[rule.textProps.length - 1];
+
+    is(lastRule.name, "font-weight", "Last rule name is font-weight");
+    is(lastRule.value, "bold", "Last rule value is bold");
+  }
+}