diff -r 000000000000 -r 6474c204b198 browser/devtools/styleinspector/test/browser_computedview_browser-styles.js
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/browser/devtools/styleinspector/test/browser_computedview_browser-styles.js Wed Dec 31 06:09:35 2014 +0100
@@ -0,0 +1,54 @@
+/* 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 the checkbox to include browser styles works properly.
+
+let test = asyncTest(function*() {
+ yield addTab("data:text/html,default styles test");
+
+ info("Creating the test document");
+ content.document.body.innerHTML = '' +
+ 'Some styled text' +
+ '';
+ content.document.title = "Style Inspector Default Styles Test";
+
+ info("Opening the computed view");
+ let {toolbox, inspector, view} = yield openComputedView();
+
+ info("Selecting the test node");
+ yield selectNode("#matches", inspector);
+
+ info("Checking the default styles");
+ is(isPropertyVisible("color", view), true,
+ "span #matches color property is visible");
+ is(isPropertyVisible("background-color", view), false,
+ "span #matches background-color property is hidden");
+
+ info("Toggling the browser styles");
+ let doc = view.styleDocument;
+ let checkbox = doc.querySelector(".includebrowserstyles");
+ let onRefreshed = inspector.once("computed-view-refreshed");
+ checkbox.click();
+ yield onRefreshed;
+
+ info("Checking the browser styles");
+ is(isPropertyVisible("color", view), true,
+ "span color property is visible");
+ is(isPropertyVisible("background-color", view), true,
+ "span background-color property is visible");
+});
+
+function isPropertyVisible(name, view) {
+ info("Checking property visibility for " + name);
+ let propertyViews = view.propertyViews;
+ for each (let propView in propertyViews) {
+ if (propView.name == name) {
+ return propView.visible;
+ }
+ }
+ return false;
+}