Shadow DOM layout and style reftest

This commit is contained in:
Fernando Jiménez Moreno 2019-02-19 12:21:30 +01:00
parent 2515966db6
commit 0d2f65baea
4 changed files with 61 additions and 1 deletions

View file

@ -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"

View file

@ -0,0 +1,2 @@
[partial_shadow_dom_layout_style.html]
prefs: [dom.shadowdom.enabled:true]

View file

@ -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>

View file

@ -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>