Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-20 00:35:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1186138 - Part 3: Add unit test for checking that the preview remains disabled after escaping editing a disabled property r=bgrins

Browse Source
This commit is contained in:
Gabriel Luong 2015-07-27 21:40:26 -07:00
parent 2a04a4d224
commit a9af0f3967
2 changed files with 75 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
browser/devtools/styleinspector/test/browser.ini
View File

@ -92,6 +92,7 @@ skip-if = e10s # Bug 1039528: "inspect element" contextual-menu doesn't work wit
[browser_ruleview_edit-property_01.js]
[browser_ruleview_edit-property_02.js]
[browser_ruleview_edit-property_03.js]
[browser_ruleview_edit-property_04.js]
[browser_ruleview_edit-selector-commit.js]
[browser_ruleview_edit-selector_01.js]
[browser_ruleview_edit-selector_02.js]

74
browser/devtools/styleinspector/test/browser_ruleview_edit-property_04.js Normal file
View File

@ -0,0 +1,74 @@
/* 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 a disabled property is previewed when the property name or value
// editor is focused and the property remains disabled when the escaping out of
// the property editor.
let TEST_URI = [
"<style type='text/css'>",
"#testid {",
" background-color: blue;",
"}",
"</style>",
"<div id='testid'>Styled Node</div>",
].join("\n");
add_task(function*() {
yield addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI));
let {inspector, view} = yield openRuleView();
yield selectNode("#testid", inspector);
yield testDisableProperty(inspector, view);
});
function* testDisableProperty(inspector, view) {
let ruleEditor = getRuleViewRuleEditor(view, 1);
let propEditor = ruleEditor.rule.textProps[0].editor;
info("Disabling a property");
propEditor.enable.click();
yield ruleEditor.rule._applyingModifications;
let newValue = yield executeInContent("Test:GetRulePropertyValue", {
styleSheetIndex: 0,
ruleIndex: 0,
name: "background-color"
});
is(newValue, "", "background-color should have been unset.");
yield testPreviewDisableProperty(view, ruleEditor, propEditor.nameSpan,
"VK_ESCAPE");
yield testPreviewDisableProperty(view, ruleEditor, propEditor.valueSpan,
"VK_ESCAPE");
yield testPreviewDisableProperty(view, ruleEditor, propEditor.valueSpan,
"VK_TAB");
yield testPreviewDisableProperty(view, ruleEditor, propEditor.valueSpan,
"VK_RETURN");
}
function* testPreviewDisableProperty(view, ruleEditor, propEditor, commitKey) {
let editor = yield focusEditableField(view, propEditor);
yield ruleEditor.rule._applyingModifications;
let newValue = yield executeInContent("Test:GetRulePropertyValue", {
styleSheetIndex: 0,
ruleIndex: 0,
name: "background-color"
});
is(newValue, "blue", "background-color should have been previewed.");
let onBlur = once(editor.input, "blur");
EventUtils.synthesizeKey(commitKey, {}, view.styleWindow);
yield onBlur;
yield ruleEditor.rule._applyingModifications;
newValue = yield executeInContent("Test:GetRulePropertyValue", {
styleSheetIndex: 0,
ruleIndex: 0,
name: "background-color"
});
is(newValue, "", "background-color should have been unset.");
}