mirror of
https://github.com/servo/servo.git
synced 2025-06-30 20:13:39 +01:00
44 lines
1.7 KiB
HTML
44 lines
1.7 KiB
HTML
<!doctype html>
|
|
<meta charset="utf-8">
|
|
<title>CSSOM: getComputedStyle returns no style for elements not in the tree</title>
|
|
<link rel="help" href="https://drafts.csswg.org/cssom/#dom-window-getcomputedstyle">
|
|
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
|
<script src=/resources/testharness.js></script>
|
|
<script src=/resources/testharnessreport.js></script>
|
|
<div id="host">
|
|
<div id="non-slotted">
|
|
<div id="non-slotted-descendant"></div>
|
|
</div>
|
|
</div>
|
|
<iframe srcdoc="<html></html>" style="display: none"></iframe>
|
|
<script>
|
|
function testNoComputedStyle(element, description) {
|
|
test(function() {
|
|
assert_true(!!element);
|
|
let style = getComputedStyle(element);
|
|
assert_true(!!style);
|
|
assert_true(style.length === 0);
|
|
assert_equals(style.color, "");
|
|
}, `getComputedStyle returns no style for ${description}`);
|
|
}
|
|
|
|
let detached = document.createElement('div');
|
|
testNoComputedStyle(detached, "detached element");
|
|
|
|
testNoComputedStyle(document.querySelector('iframe').contentDocument.documentElement,
|
|
"element in non-rendered iframe (display: none)");
|
|
|
|
host.attachShadow({ mode: "open" });
|
|
testNoComputedStyle(document.getElementById('non-slotted'),
|
|
"element outside the flat tree");
|
|
|
|
testNoComputedStyle(document.getElementById('non-slotted-descendant'),
|
|
"descendant outside the flat tree");
|
|
|
|
let shadowRoot = detached.attachShadow({ mode: "open" });
|
|
shadowRoot.innerHTML = `
|
|
<div id="detached-shadow-tree-descendant"></div>
|
|
`;
|
|
testNoComputedStyle(shadowRoot.getElementById('detached-shadow-tree-descendant'),
|
|
"shadow tree outside of flattened tree");
|
|
</script>
|