| Index: third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-008.html
|
| diff --git a/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-008.html b/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-008.html
|
| index 8648a263a246ff95cba4fc0ef4d717fec993b467..431aa85ff0c0d89ec21c2141e487eaba2c0ae24b 100644
|
| --- a/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-008.html
|
| +++ b/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-008.html
|
| @@ -16,80 +16,41 @@ policies and contribution forms [3].
|
| <meta name="assert" content="Styles:the styles of the shadow host are inherited by the children of the shadow root">
|
| <script src="../../../../../resources/testharness.js"></script>
|
| <script src="../../../../../resources/testharnessreport.js"></script>
|
| -<script src="../testcommon.js"></script>
|
| +<script src="../../../html/resources/common.js"></script>
|
| +<script src="../../resources/shadow-dom-utils.js"></script>
|
| </head>
|
| <body>
|
| <div id="log"></div>
|
| <script>
|
| test(unit(function (ctx) {
|
| - var d = newRenderedHTMLDocument(ctx);
|
| + var d = newRenderedHTMLDocument(ctx);
|
|
|
| d.body.innerHTML = '' +
|
| - '<div id="shHost" style="font-size:10px">' +
|
| - '<span id="spn1">This is a shadow host child</span>' +
|
| - '</div>';
|
| + '<div id="shHost" style="font-size:10px">' +
|
| + '<span id="spn1">This is a shadow host child</span>' +
|
| + '</div>';
|
|
|
| var host = d.querySelector('#shHost');
|
|
|
| - var s = host.createShadowRoot();
|
| + var s = host.attachShadow({mode: 'open'});
|
|
|
| - var div = d.createElement('div');
|
| - div.innerHTML ='<span id="spn2">This is a shadow root child</span>';
|
| - s.appendChild(div);
|
| + var div = d.createElement('div');
|
| + div.innerHTML ='<span id="spn2">This is a shadow root child</span>';
|
| + s.appendChild(div);
|
|
|
| - assert_equals(d.querySelector('#spn1').offsetTop, 0,
|
| - 'Element should not be rendered');
|
| - assert_true(s.querySelector('#spn2').offsetTop > 0,
|
| - 'Element should be rendered');
|
| + assert_equals(d.querySelector('#spn1').offsetTop, 0,
|
| + 'Element should not be rendered');
|
| + assert_true(s.querySelector('#spn2').offsetTop > 0,
|
| + 'Element should be rendered');
|
|
|
| - var oldHeight = s.querySelector('#spn2').offsetHeight;
|
| + var oldHeight = s.querySelector('#spn2').offsetHeight;
|
|
|
| - host.setAttribute('style', 'font-size:20px');
|
| + host.setAttribute('style', 'font-size:20px');
|
|
|
| - assert_true(s.querySelector('#spn2').offsetHeight > oldHeight,
|
| - 'Shadow host style must be aplied to the shadow root children');
|
| + assert_true(s.querySelector('#spn2').offsetHeight > oldHeight,
|
| + 'Shadow host style must be aplied to the shadow root children');
|
|
|
| }), 'A_06_00_09_T01');
|
| -
|
| -
|
| -
|
| -
|
| -test(unit(function (ctx) {
|
| - var d = newRenderedHTMLDocument(ctx);
|
| -
|
| - d.body.innerHTML =
|
| - '<ul class="cls" style="font-size: 10px">' +
|
| - '<li id="li1" class="shadow">1</li>' +
|
| - '<li id="li2" class="shadow2">2</li>' +
|
| - '<li id="li3" class="shadow">3</li>' +
|
| - '<li id="li4">4</li>' +
|
| - '<li id="li5" class="shadow">5</li>' +
|
| - '<li id="li6" class="shadow2">6</li>' +
|
| - '</ul>';
|
| -
|
| - var host = d.querySelector('.cls');
|
| - //Shadow root to play with
|
| - var s = host.createShadowRoot();
|
| -
|
| - var div = d.createElement('div');
|
| - div.innerHTML ='<ul><content select=".shadow"></content></ul>';
|
| - s.appendChild(div);
|
| -
|
| - var height1 = d.querySelector('#li1').offsetHeight;
|
| - var height3 = d.querySelector('#li3').offsetHeight;
|
| - var height5 = d.querySelector('#li5').offsetHeight;
|
| -
|
| - host.setAttribute('style', 'font-size: 20px');
|
| -
|
| - assert_true(d.querySelector('#li1').offsetHeight > height1,
|
| - 'Point 1: Shadow host style must be aplied to the shadow root children');
|
| - assert_true(d.querySelector('#li3').offsetHeight > height3,
|
| - 'Point 2: Shadow host style must be aplied to the shadow root children');
|
| - assert_true(d.querySelector('#li5').offsetHeight > height5,
|
| - 'Point 3: Shadow host style must be aplied to the shadow root children');
|
| -
|
| -
|
| -}), 'A_06_00_09_T02');
|
| </script>
|
| </body>
|
| </html>
|
|
|