mirror of
https://github.com/servo/servo
synced 2026-05-09 16:42:16 +02:00
33 lines
2.2 KiB
HTML
33 lines
2.2 KiB
HTML
<!doctype html>
|
|
<title>replace / replaceSync on non-constructed stylesheet</title>
|
|
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
|
<link rel="help" href="https://wicg.github.io/construct-stylesheets/">
|
|
<script src = '/resources/testharness.js'></script>
|
|
<script src = '/resources/testharnessreport.js'></script>
|
|
<style id="style">:root { background-color: lime }</style>
|
|
<script>
|
|
|
|
test(() => {
|
|
assert_equals(getComputedStyle(document.documentElement).backgroundColor, "rgb(0, 255, 0)", "precondition")
|
|
let sheet = document.styleSheets[0];
|
|
assert_throws_dom("NotAllowedError", () => sheet.replaceSync(":root { background-color: red }"), "replaceSync on non-constructed sheet should throw");
|
|
assert_equals(getComputedStyle(document.documentElement).backgroundColor, "rgb(0, 255, 0)", "old sheet should still apply after replace");
|
|
}, "CSSStyleSheet.replaceSync throws NotAllowedError for non-constructed sheets")
|
|
|
|
promise_test(async function(t) {
|
|
assert_equals(getComputedStyle(document.documentElement).backgroundColor, "rgb(0, 255, 0)", "precondition")
|
|
let sheet = document.styleSheets[0];
|
|
await promise_rejects_dom(t, "NotAllowedError", sheet.replace(":root { background-color: red }"), "replace on non-constructed sheet should return a rejected promise");
|
|
assert_equals(getComputedStyle(document.documentElement).backgroundColor, "rgb(0, 255, 0)", "old sheet should still apply after replace");
|
|
}, "CSSStyleSheet.replace returns a rejected promise for non-constructed sheets")
|
|
|
|
promise_test(async function(t) {
|
|
assert_equals(getComputedStyle(document.documentElement).backgroundColor, "rgb(0, 255, 0)", "precondition")
|
|
let sheet = document.styleSheets[0];
|
|
style.remove() // sheet's associated document becomes null.
|
|
await promise_rejects_dom(t, "NotAllowedError", sheet.replace(":root { background-color: red }"), "replace on non-constructed sheet should return a rejected promise");
|
|
assert_equals(getComputedStyle(document.documentElement).backgroundColor, "rgb(0, 255, 0)", "old sheet should still apply after replace");
|
|
}, "CSSStyleSheet.replace returns a rejected promise for non-constructed sheets that have no associated document")
|
|
|
|
</script>
|