diff options
Diffstat (limited to '')
-rw-r--r-- | devtools/client/inspector/rules/test/browser_rules_edit-property_06.js | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/devtools/client/inspector/rules/test/browser_rules_edit-property_06.js b/devtools/client/inspector/rules/test/browser_rules_edit-property_06.js new file mode 100644 index 0000000000..1b9a04ba5d --- /dev/null +++ b/devtools/client/inspector/rules/test/browser_rules_edit-property_06.js @@ -0,0 +1,68 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +"use strict"; + +// Tests that editing a property's priority is behaving correctly, and disabling +// and editing the property will re-enable the property. + +const TEST_URI = ` + <style type='text/css'> + body { + background-color: green !important; + } + body { + background-color: red; + } + </style> +`; + +add_task(async function () { + await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); + const { inspector, view } = await openRuleView(); + await selectNode("body", inspector); + + const prop = getTextProperty(view, 1, { "background-color": "red" }); + + is( + await getComputedStyleProperty("body", null, "background-color"), + "rgb(0, 128, 0)", + "green background color is set." + ); + + await setProperty(view, prop, "red !important"); + + is( + prop.editor.valueSpan.textContent, + "red !important", + "'red !important' property value is correctly set." + ); + is( + await getComputedStyleProperty("body", null, "background-color"), + "rgb(255, 0, 0)", + "red background color is set." + ); + + info("Disabling red background color property"); + await togglePropStatus(view, prop); + + is( + await getComputedStyleProperty("body", null, "background-color"), + "rgb(0, 128, 0)", + "green background color is set." + ); + + await setProperty(view, prop, "red"); + + is( + prop.editor.valueSpan.textContent, + "red", + "'red' property value is correctly set." + ); + ok(prop.enabled, "red background-color property is enabled."); + is( + await getComputedStyleProperty("body", null, "background-color"), + "rgb(0, 128, 0)", + "green background color is set." + ); +}); |