Index: LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html |
diff --git a/LayoutTests/fast/dom/shadow/content-combinator-with-shadow.html b/LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html |
similarity index 74% |
rename from LayoutTests/fast/dom/shadow/content-combinator-with-shadow.html |
rename to LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html |
index b88b5cf78434806b5fdc43c1167f41a9e1b59f23..d9828653be1728aadfb38a701210c3070eb0eb74 100644 |
--- a/LayoutTests/fast/dom/shadow/content-combinator-with-shadow.html |
+++ b/LayoutTests/fast/dom/shadow/content-pseudo-element-with-hat.html |
@@ -9,15 +9,10 @@ |
<pre id="console"></pre> |
</body> |
<script> |
-description("Test for /content/ with /shadow/ and :host."); |
+description("Test for ::content with /shadow/ and :host."); |
var sandbox = document.getElementById('sandbox'); |
-function colorOf(selector) |
-{ |
- return document.defaultView.getComputedStyle(document.querySelector(selector), null).getPropertyValue('color'); |
-} |
- |
function cleanUp() |
{ |
sandbox.innerHTML = ''; |
@@ -28,7 +23,7 @@ sandbox.appendChild( |
createShadowRoot( |
createDOM('style', {}, |
document.createTextNode( |
- ':host(#host1) /shadow/ #content1 /content/ .content { color: green; }')), |
+ ':host(#host1) /shadow/ #content1::content > .content { color: green; }')), |
createDOM('div', {}, |
createDOM('div', {'id': 'host2'}, |
createShadowRoot( |
@@ -38,7 +33,7 @@ sandbox.appendChild( |
createDOM('div', {'class': 'content'}, |
document.createTextNode('content')))); |
-shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"'); |
+shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).color', '"rgb(0, 128, 0)"'); |
cleanUp(); |
@@ -47,7 +42,7 @@ sandbox.appendChild( |
createShadowRoot( |
createDOM('style', {}, |
document.createTextNode( |
- '#host2 /shadow/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: green; }')), |
+ '#host2 /shadow/ #content2::content > #parentOfContent1 > #content1::content > .content { color: green; }')), |
createDOM('div', {}, |
createDOM('div', {'id': 'host2'}, |
createShadowRoot( |
@@ -57,7 +52,7 @@ sandbox.appendChild( |
createDOM('div', {'class': 'content'}, |
document.createTextNode('content')))); |
-shouldBe('colorOf("#host1 > .content")', '"rgb(0, 128, 0)"'); |
+shouldBe('window.getComputedStyle(document.querySelector("#host1 > .content")).color', '"rgb(0, 128, 0)"'); |
cleanUp(); |
@@ -66,7 +61,7 @@ sandbox.appendChild( |
createShadowRoot( |
createDOM('style', {}, |
document.createTextNode( |
- ':host /shadow/ #content2 /content/ #shadow1 /content/ #content1 /content/ .content { color: red; }')), |
+ ':host /shadow/ #content2::content > #shadow1::content > #content1::content > .content { color: red; }')), |
createDOM('content', {'id': 'content1'})), |
createShadowRoot( |
createDOM('div', {}, |
@@ -78,7 +73,7 @@ sandbox.appendChild( |
createDOM('div', {'class': 'content'}, |
document.createTextNode('content')))); |
-shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"'); |
+shouldNotBe('window.getComputedStyle(document.querySelector("#host1 > .content")).color', '"rgb(255, 0, 0)"'); |
cleanUp(); |
@@ -87,7 +82,7 @@ sandbox.appendChild( |
createShadowRoot( |
createDOM('style', {}, |
document.createTextNode( |
- ':host /shadow/ #content2 /content/ #parentOfContent1 > #content1 /content/ .content { color: red; }')), |
+ ':host /shadow/ #content2::content > #parentOfContent1 > #content1::content > .content { color: red; }')), |
createDOM('div', {}, |
createDOM('div', {'id': 'host2'}, |
createShadowRoot( |
@@ -97,7 +92,7 @@ sandbox.appendChild( |
createDOM('div', {'class': 'content'}, |
document.createTextNode('content')))); |
-shouldNotBe('colorOf("#host1 > .content")', '"rgb(255, 0, 0)"'); |
+shouldNotBe('window.getComputedStyle(document.querySelector("#host1 > .content")).color', '"rgb(255, 0, 0)"'); |
cleanUp(); |