diff options
Diffstat (limited to '')
-rw-r--r-- | devtools/client/inspector/rules/test/browser_rules_edit-property_04.js | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/devtools/client/inspector/rules/test/browser_rules_edit-property_04.js b/devtools/client/inspector/rules/test/browser_rules_edit-property_04.js new file mode 100644 index 0000000000..070832710b --- /dev/null +++ b/devtools/client/inspector/rules/test/browser_rules_edit-property_04.js @@ -0,0 +1,83 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +"use strict"; + +// Tests that a disabled property remains disabled when the escaping out of +// the property editor. + +const TEST_URI = ` + <style type='text/css'> + #testid { + background-color: blue; + } + </style> + <div id='testid'>Styled Node</div> +`; + +add_task(async function () { + await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); + const { inspector, view } = await openRuleView(); + await selectNode("#testid", inspector); + + const prop = getTextProperty(view, 1, { "background-color": "blue" }); + + info("Disabling a property"); + await togglePropStatus(view, prop); + + const newValue = await getRulePropertyValue(0, 0, "background-color"); + is(newValue, "", "background-color should have been unset."); + + await testEditDisableProperty(view, prop, "name", "VK_ESCAPE"); + await testEditDisableProperty(view, prop, "value", "VK_ESCAPE"); + await testEditDisableProperty(view, prop, "value", "VK_TAB"); + await testEditDisableProperty(view, prop, "value", "VK_RETURN"); +}); + +async function testEditDisableProperty(view, prop, fieldType, commitKey) { + const field = + fieldType === "name" ? prop.editor.nameSpan : prop.editor.valueSpan; + + const editor = await focusEditableField(view, field); + + ok( + !prop.editor.element.classList.contains("ruleview-overridden"), + "property is not overridden." + ); + is( + prop.editor.enable.style.visibility, + "hidden", + "property enable checkbox is hidden." + ); + + let newValue = await getRulePropertyValue(0, 0, "background-color"); + is(newValue, "", "background-color should remain unset."); + + let onChangeDone; + if (fieldType === "value") { + onChangeDone = view.once("ruleview-changed"); + } + + const onBlur = once(editor.input, "blur"); + EventUtils.synthesizeKey(commitKey, {}, view.styleWindow); + await onBlur; + await onChangeDone; + + ok(!prop.enabled, "property is disabled."); + ok( + prop.editor.element.classList.contains("ruleview-overridden"), + "property is overridden." + ); + is( + prop.editor.enable.style.visibility, + "visible", + "property enable checkbox is visible." + ); + ok( + !prop.editor.enable.getAttribute("checked"), + "property enable checkbox is not checked." + ); + + newValue = await getRulePropertyValue(0, 0, "background-color"); + is(newValue, "", "background-color should remain unset."); +} |