diff options
Diffstat (limited to 'devtools/client/inspector/rules/test/browser_rules_css-compatibility-add-rename-rule.js')
-rw-r--r-- | devtools/client/inspector/rules/test/browser_rules_css-compatibility-add-rename-rule.js | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/devtools/client/inspector/rules/test/browser_rules_css-compatibility-add-rename-rule.js b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-add-rename-rule.js new file mode 100644 index 0000000000..f2d6413481 --- /dev/null +++ b/devtools/client/inspector/rules/test/browser_rules_css-compatibility-add-rename-rule.js @@ -0,0 +1,121 @@ +/* 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"; + +// Test - Add and rename rules +// Test the correctness of the compatibility +// status when the incompatible rules are added +// or renamed to another universally compatible +// rule + +const TEST_URI = ` +<style> + body { + user-select: none; + text-decoration-skip: none; + clip: auto; + } +</style> +<body> +</body>`; + +const TEST_DATA_INITIAL = [ + { + selector: "body", + rules: [ + {}, + { + "user-select": { + value: "none", + expected: COMPATIBILITY_TOOLTIP_MESSAGE.default, + }, + "text-decoration-skip": { + value: "none", + expected: COMPATIBILITY_TOOLTIP_MESSAGE.experimental, + }, + clip: { + value: "auto", + expected: COMPATIBILITY_TOOLTIP_MESSAGE["deprecated-supported"], + }, + }, + ], + }, +]; + +const TEST_DATA_ADD_RULE = [ + { + selector: "body", + rules: [ + { + "-moz-float-edge": { + value: "content-box", + expected: COMPATIBILITY_TOOLTIP_MESSAGE.deprecated, + }, + }, + { + "user-select": { + value: "none", + expected: COMPATIBILITY_TOOLTIP_MESSAGE.default, + }, + "text-decoration-skip": { + value: "none", + expected: COMPATIBILITY_TOOLTIP_MESSAGE.experimental, + }, + clip: { + value: "auto", + expected: COMPATIBILITY_TOOLTIP_MESSAGE["deprecated-supported"], + }, + }, + ], + }, +]; + +const TEST_DATA_RENAME_RULE = [ + { + selector: "body", + rules: [ + { + "-moz-float-edge": { + value: "content-box", + expected: COMPATIBILITY_TOOLTIP_MESSAGE.deprecated, + }, + }, + { + "background-color": { + value: "green", + }, + "text-decoration-skip": { + value: "none", + expected: COMPATIBILITY_TOOLTIP_MESSAGE.experimental, + }, + clip: { + value: "auto", + expected: COMPATIBILITY_TOOLTIP_MESSAGE["deprecated-supported"], + }, + }, + ], + }, +]; + +add_task(async function () { + await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI)); + const { inspector, view } = await openRuleView(); + + const userSelect = { "user-select": "none" }; + const backgroundColor = { "background-color": "green" }; + + info("Check initial compatibility issues"); + await runCSSCompatibilityTests(view, inspector, TEST_DATA_INITIAL); + + info( + "Add an inheritable incompatible rule and check the compatibility status" + ); + await addProperty(view, 0, "-moz-float-edge", "content-box"); + await runCSSCompatibilityTests(view, inspector, TEST_DATA_ADD_RULE); + + info("Rename user-select to color and check the compatibility status"); + await updateDeclaration(view, 1, userSelect, backgroundColor); + await runCSSCompatibilityTests(view, inspector, TEST_DATA_RENAME_RULE); +}); |