mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Shadow DOM layout and style reftest
This commit is contained in:
parent
2515966db6
commit
0d2f65baea
4 changed files with 61 additions and 1 deletions
|
@ -7301,6 +7301,18 @@
|
||||||
{}
|
{}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
|
"mozilla/partial_shadow_dom_layout_style.html": [
|
||||||
|
[
|
||||||
|
"mozilla/partial_shadow_dom_layout_style.html",
|
||||||
|
[
|
||||||
|
[
|
||||||
|
"/_mozilla/mozilla/partial_shadow_dom_layout_style_ref.html",
|
||||||
|
"=="
|
||||||
|
]
|
||||||
|
],
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
"mozilla/remove_link_styles.html": [
|
"mozilla/remove_link_styles.html": [
|
||||||
[
|
[
|
||||||
"mozilla/remove_link_styles.html",
|
"mozilla/remove_link_styles.html",
|
||||||
|
@ -10844,6 +10856,11 @@
|
||||||
{}
|
{}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
|
"mozilla/partial_shadow_dom_layout_style_ref.html": [
|
||||||
|
[
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
"mozilla/poster.png": [
|
"mozilla/poster.png": [
|
||||||
[
|
[
|
||||||
{}
|
{}
|
||||||
|
@ -20289,7 +20306,7 @@
|
||||||
"testharness"
|
"testharness"
|
||||||
],
|
],
|
||||||
"mozilla/interfaces.html": [
|
"mozilla/interfaces.html": [
|
||||||
"a2b9fd23948319fabc0b5fff550b9565704b6678",
|
"c7e1929c626007e2ef3cdf9f2276620aa995c5b7",
|
||||||
"testharness"
|
"testharness"
|
||||||
],
|
],
|
||||||
"mozilla/interfaces.js": [
|
"mozilla/interfaces.js": [
|
||||||
|
@ -20440,6 +20457,14 @@
|
||||||
"d97f1422d20161e989f200d44be6e379f79410bd",
|
"d97f1422d20161e989f200d44be6e379f79410bd",
|
||||||
"testharness"
|
"testharness"
|
||||||
],
|
],
|
||||||
|
"mozilla/partial_shadow_dom_layout_style.html": [
|
||||||
|
"822e86bc07103351a5ceb2203fd9b6bee0c6367d",
|
||||||
|
"reftest"
|
||||||
|
],
|
||||||
|
"mozilla/partial_shadow_dom_layout_style_ref.html": [
|
||||||
|
"bf40d2cc35b6b2c1e32afffa0651cb1b26e41fe8",
|
||||||
|
"support"
|
||||||
|
],
|
||||||
"mozilla/poster.png": [
|
"mozilla/poster.png": [
|
||||||
"33834c3ef095fa9c0080017e1b65b2eb8413eac4",
|
"33834c3ef095fa9c0080017e1b65b2eb8413eac4",
|
||||||
"support"
|
"support"
|
||||||
|
|
|
@ -0,0 +1,2 @@
|
||||||
|
[partial_shadow_dom_layout_style.html]
|
||||||
|
prefs: [dom.shadowdom.enabled:true]
|
|
@ -0,0 +1,22 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Partial Shadow DOM support - layout & style</title>
|
||||||
|
<link rel="match" href="partial_shadow_dom_layout_style_ref.html">
|
||||||
|
<style>
|
||||||
|
h1 { color: red; }
|
||||||
|
</style>
|
||||||
|
<h1>Not in the shadows</h1>
|
||||||
|
<div id="host">
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
var host = document.getElementById('host');
|
||||||
|
var shadowRoot = host.attachShadow({ mode: 'closed' });
|
||||||
|
var shadowChild = document.createElement('h1');
|
||||||
|
shadowChild.textContent = 'In the shadows';
|
||||||
|
shadowRoot.appendChild(shadowChild);
|
||||||
|
var shadowStyles = document.createElement('style');
|
||||||
|
shadowStyles.textContent = 'h1 { color: blue; }';
|
||||||
|
shadowRoot.appendChild(shadowStyles);
|
||||||
|
</script>
|
||||||
|
</html>
|
|
@ -0,0 +1,11 @@
|
||||||
|
<!doctype html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Partial Shadow DOM support - layout & style</title>
|
||||||
|
<style>
|
||||||
|
h1 { color: red; }
|
||||||
|
.blue { color: blue; }
|
||||||
|
</style>
|
||||||
|
<h1>Not in the shadows</h1>
|
||||||
|
<div id="host">
|
||||||
|
<h1 class='blue'>In the shadows</h1>
|
||||||
|
</div>
|
Loading…
Add table
Add a link
Reference in a new issue