| Index: LayoutTests/imported/web-platform-tests/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest.html
|
| diff --git a/LayoutTests/imported/web-platform-tests/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest.html b/LayoutTests/imported/web-platform-tests/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..679b70f0dde8e248fbd39d3049d0f8b6a92db2ae
|
| --- /dev/null
|
| +++ b/LayoutTests/imported/web-platform-tests/shadow-dom/shadow-trees/nested-shadow-trees/nested_tree_reftest.html
|
| @@ -0,0 +1,30 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| + <head>
|
| + <meta charset="utf-8" >
|
| + <title>Shadow DOM Test - Tests nested shadow tree.</title>
|
| + <link rel="match" href="nested_tree_reftest-ref.html" >
|
| + <link rel="author" title="shingo.miyazawa" href="mailto:kumatronik@gmail.com" >
|
| + <link rel="help" href="https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow/index.html#nested-shadow-trees" >
|
| + <script src="../../testcommon.js"></script>
|
| + <meta name="assert" content="nested shadow tree style is valid." >
|
| + <style>
|
| + #host {
|
| + width: 100px;
|
| + height: 100px;
|
| + background-color: red;
|
| + }
|
| + </style>
|
| + </head>
|
| + <body>
|
| + <p>The test passes if there is a green square. Test failed if there is a red square.</p>
|
| + <div id='host'>
|
| + </div>
|
| + <script>
|
| + var shadowRoot = document.getElementById('host').createShadowRoot();
|
| + shadowRoot.innerHTML = '<div id="sub" style="width: 100%;height:100%;"></div>';
|
| + var nestedRoot = shadowRoot.getElementById('sub').createShadowRoot();
|
| + nestedRoot.innerHTML = '<div style="width:100%; height:100%;background-color: green;"></div>';
|
| + </script>
|
| + </body>
|
| +</html>
|
|
|