mirror of
https://github.com/classilla/tenfourfox.git
synced 2024-10-25 22:28:27 +00:00
52 lines
1.5 KiB
JavaScript
52 lines
1.5 KiB
JavaScript
/* vim: set ts=2 et sw=2 tw=80: */
|
|
/* Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/ */
|
|
"use strict";
|
|
|
|
// Test that changes in the style editor are synchronized into the
|
|
// style inspector.
|
|
|
|
Services.scriptloader.loadSubScript("chrome://mochitests/content/browser/devtools/client/styleinspector/test/head.js", this);
|
|
|
|
const TEST_URI = `
|
|
<style type='text/css'>
|
|
div { background-color: seagreen; }
|
|
</style>
|
|
<div id='testid' class='testclass'>Styled Node</div>
|
|
`;
|
|
|
|
const TESTCASE_CSS_SOURCE = "#testid { color: chartreuse; }";
|
|
|
|
add_task(function*() {
|
|
yield addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI));
|
|
|
|
let {inspector, view} = yield openRuleView();
|
|
yield selectNode("#testid", inspector);
|
|
|
|
let { panel, ui } = yield openStyleEditor();
|
|
|
|
let editor = yield ui.editors[0].getSourceEditor();
|
|
|
|
let waitForRuleView = view.once("ruleview-refreshed");
|
|
yield typeInEditor(editor, panel.panelWindow);
|
|
yield waitForRuleView;
|
|
|
|
let value = getRuleViewPropertyValue(view, "#testid", "color");
|
|
is(value, "chartreuse", "check that edits were synced to rule view");
|
|
});
|
|
|
|
function typeInEditor(aEditor, panelWindow) {
|
|
let deferred = promise.defer();
|
|
|
|
waitForFocus(function() {
|
|
for (let c of TESTCASE_CSS_SOURCE) {
|
|
EventUtils.synthesizeKey(c, {}, panelWindow);
|
|
}
|
|
ok(aEditor.unsaved, "new editor has unsaved flag");
|
|
|
|
deferred.resolve();
|
|
}, panelWindow);
|
|
|
|
return deferred.promise;
|
|
}
|