forked from mirrors/gecko-dev
112 lines
3.2 KiB
JavaScript
112 lines
3.2 KiB
JavaScript
/* -*- Mode: C++; tab-width: 8; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
|
|
/* vim: set ts=2 et sw=2 tw=80: */
|
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
let doc;
|
|
let testDiv;
|
|
|
|
function test() {
|
|
let inspector;
|
|
|
|
function createDocument()
|
|
{
|
|
doc.body.innerHTML = '<div id="testdiv">Test div!</div>';
|
|
doc.title = "Inspector Change Test";
|
|
openInspector(runInspectorTests);
|
|
}
|
|
|
|
|
|
function getInspectorProp(aName)
|
|
{
|
|
let computedview = inspector.sidebar.getWindowForTab("computedview").computedview.view;
|
|
for each (let view in computedview.propertyViews) {
|
|
if (view.name == aName) {
|
|
return view;
|
|
}
|
|
}
|
|
return null;
|
|
}
|
|
|
|
function runInspectorTests(aInspector)
|
|
{
|
|
inspector = aInspector;
|
|
inspector.sidebar.once("computedview-ready", function() {
|
|
info("Computed View ready");
|
|
inspector.sidebar.select("computedview");
|
|
|
|
testDiv = doc.getElementById("testdiv");
|
|
|
|
testDiv.style.fontSize = "10px";
|
|
|
|
// Start up the style inspector panel...
|
|
Services.obs.addObserver(stylePanelTests, "StyleInspector-populated", false);
|
|
|
|
inspector.selection.setNode(testDiv);
|
|
});
|
|
}
|
|
|
|
function stylePanelTests()
|
|
{
|
|
Services.obs.removeObserver(stylePanelTests, "StyleInspector-populated");
|
|
|
|
let computedview = inspector.sidebar.getWindowForTab("computedview").computedview;
|
|
ok(computedview, "Style Panel has a cssHtmlTree");
|
|
|
|
let propView = getInspectorProp("font-size");
|
|
is(propView.value, "10px", "Style inspector should be showing the correct font size.");
|
|
|
|
Services.obs.addObserver(stylePanelAfterChange, "StyleInspector-populated", false);
|
|
|
|
testDiv.style.fontSize = "15px";
|
|
inspector.emit("layout-change");
|
|
}
|
|
|
|
function stylePanelAfterChange()
|
|
{
|
|
Services.obs.removeObserver(stylePanelAfterChange, "StyleInspector-populated");
|
|
|
|
let propView = getInspectorProp("font-size");
|
|
is(propView.value, "15px", "Style inspector should be showing the new font size.");
|
|
|
|
stylePanelNotActive();
|
|
}
|
|
|
|
function stylePanelNotActive()
|
|
{
|
|
// Tests changes made while the style panel is not active.
|
|
inspector.sidebar.select("ruleview");
|
|
|
|
executeSoon(function() {
|
|
Services.obs.addObserver(stylePanelAfterSwitch, "StyleInspector-populated", false);
|
|
testDiv.style.fontSize = "20px";
|
|
inspector.sidebar.select("computedview");
|
|
});
|
|
}
|
|
|
|
function stylePanelAfterSwitch()
|
|
{
|
|
Services.obs.removeObserver(stylePanelAfterSwitch, "StyleInspector-populated");
|
|
|
|
let propView = getInspectorProp("font-size");
|
|
is(propView.value, "20px", "Style inspector should be showing the newest font size.");
|
|
|
|
finishTest();
|
|
}
|
|
|
|
function finishTest()
|
|
{
|
|
gBrowser.removeCurrentTab();
|
|
finish();
|
|
}
|
|
|
|
waitForExplicitFinish();
|
|
gBrowser.selectedTab = gBrowser.addTab();
|
|
gBrowser.selectedBrowser.addEventListener("load", function() {
|
|
gBrowser.selectedBrowser.removeEventListener("load", arguments.callee, true);
|
|
doc = content.document;
|
|
waitForFocus(createDocument, content);
|
|
}, true);
|
|
|
|
content.location = "data:text/html,basic tests for inspector";
|
|
}
|