| 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();
|
|
|
|
|