mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +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",
|
||||
|
@ -10844,6 +10856,11 @@
|
|||
{}
|
||||
]
|
||||
],
|
||||
"mozilla/partial_shadow_dom_layout_style_ref.html": [
|
||||
[
|
||||
{}
|
||||
]
|
||||
],
|
||||
"mozilla/poster.png": [
|
||||
[
|
||||
{}
|
||||
|
@ -20289,7 +20306,7 @@
|
|||
"testharness"
|
||||
],
|
||||
"mozilla/interfaces.html": [
|
||||
"a2b9fd23948319fabc0b5fff550b9565704b6678",
|
||||
"c7e1929c626007e2ef3cdf9f2276620aa995c5b7",
|
||||
"testharness"
|
||||
],
|
||||
"mozilla/interfaces.js": [
|
||||
|
@ -20440,6 +20457,14 @@
|
|||
"d97f1422d20161e989f200d44be6e379f79410bd",
|
||||
"testharness"
|
||||
],
|
||||
"mozilla/partial_shadow_dom_layout_style.html": [
|
||||
"822e86bc07103351a5ceb2203fd9b6bee0c6367d",
|
||||
"reftest"
|
||||
],
|
||||
"mozilla/partial_shadow_dom_layout_style_ref.html": [
|
||||
"bf40d2cc35b6b2c1e32afffa0651cb1b26e41fe8",
|
||||
"support"
|
||||
],
|
||||
"mozilla/poster.png": [
|
||||
"33834c3ef095fa9c0080017e1b65b2eb8413eac4",
|
||||
"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