Index: third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-005.html |
diff --git a/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-005.html b/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-005.html |
index 77614e4a02e3a2b82a521bf1a121988ec55405e8..a66be2288cabf8cb75c0e2947ed56af575bb6f9f 100644 |
--- a/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-005.html |
+++ b/third_party/WebKit/LayoutTests/imported/web-platform-tests/shadow-dom/untriaged/styles/test-005.html |
@@ -16,45 +16,46 @@ policies and contribution forms [3]. |
<meta name="assert" content="Styles:CSS rules declared in a shadow root style sheets must not apply in the document tree,"> |
<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> |
//check querySelector method |
test(unit(function (ctx) { |
- var d = newRenderedHTMLDocument(ctx); |
+ var d = newRenderedHTMLDocument(ctx); |
d.body.innerHTML = |
- '<div>' + |
- '<span class="invis" id="theTreeSpan">This is an element in the document tree</span>' + |
- '</div>' + |
- '<div id="sr">' + |
- '</div>'; |
- |
- var host = d.querySelector('#sr'); |
- |
- //Shadow root to play with |
- var s = host.createShadowRoot(); |
- |
- var style = d.createElement('style'); |
- style.innerHTML ='.invis {display:none}'; |
- s.appendChild(style); |
- |
- var span = d.createElement('span'); |
- span.setAttribute('id', 'theShadowSpan'); |
- span.setAttribute('class', 'invis'); |
- s.appendChild(span); |
- |
- //theTreeSpan should be visible, theShadowSpan not |
- assert_true(d.querySelector('#theTreeSpan').offsetTop > 0, |
- 'CSS styles declared in shadow tree must not be applied to the elements ' + |
- 'in the document tree'); |
- |
- //theTreeSpan should be visible, theShadowSpan not |
- assert_equals(s.querySelector('#theShadowSpan').offsetTop, 0, |
- 'CSS styles declared in shadow tree must be applied to the element ' + |
- 'in the same shadow tree'); |
+ '<div>' + |
+ '<span class="invis" id="theTreeSpan">This is an element in the document tree</span>' + |
+ '</div>' + |
+ '<div id="sr">' + |
+ '</div>'; |
+ |
+ var host = d.querySelector('#sr'); |
+ |
+ //Shadow root to play with |
+ var s = host.attachShadow({mode: 'open'}); |
+ |
+ var style = d.createElement('style'); |
+ style.innerHTML ='.invis {display:none}'; |
+ s.appendChild(style); |
+ |
+ var span = d.createElement('span'); |
+ span.setAttribute('id', 'theShadowSpan'); |
+ span.setAttribute('class', 'invis'); |
+ s.appendChild(span); |
+ |
+ //theTreeSpan should be visible, theShadowSpan not |
+ assert_true(d.querySelector('#theTreeSpan').offsetTop > 0, |
+ 'CSS styles declared in shadow tree must not be applied to the elements ' + |
+ 'in the document tree'); |
+ |
+ //theTreeSpan should be visible, theShadowSpan not |
+ assert_equals(s.querySelector('#theShadowSpan').offsetTop, 0, |
+ 'CSS styles declared in shadow tree must be applied to the element ' + |
+ 'in the same shadow tree'); |
}), 'A_06_00_06_T01'); |
</script> |