Index: LayoutTests/fast/dom/shadow/cascade-of-treeboundary-crossing-rules.html |
diff --git a/LayoutTests/fast/dom/shadow/cascade-of-treeboundary-crossing-rules.html b/LayoutTests/fast/dom/shadow/cascade-of-treeboundary-crossing-rules.html |
index f258212b24ba7877f76afd6a91ed18601c9750af..2fdf99f9102577214aae8d65c0134407a69b7ba2 100644 |
--- a/LayoutTests/fast/dom/shadow/cascade-of-treeboundary-crossing-rules.html |
+++ b/LayoutTests/fast/dom/shadow/cascade-of-treeboundary-crossing-rules.html |
@@ -36,6 +36,26 @@ function cleanUp() |
description('Test for casacde of treeboundary crossing rules.'); |
+// Rules declared in inner treescope should win. |
+sandbox.appendChild( |
+ createDOM('div', {'id': 'host'}, |
+ createDOM('style', {}, |
+ document.createTextNode('p:empty { border: 1px solid blue; }')), |
+ createShadowRoot( |
+ createDOM('style', {}, |
+ document.createTextNode('::content > p { border: 1px solid red; }')), |
+ createDOM('div', {}, |
+ createShadowRoot( |
+ createDOM('style', {}, |
+ document.createTextNode('::content > p { border: 1px solid green; }')), |
+ createDOM('content', {})), |
+ createDOM('content', {}))), |
+ createDOM('p', {'id': 'target'}))); |
+ |
+borderColorShouldBe('target', 'rgb(0, 128, 0)'); |
+ |
+cleanUp(); |
+ |
// Rules declared in outer treescope should win. |
sandbox.appendChild( |
createDOM('div', {}, |
@@ -57,47 +77,24 @@ borderColorShouldBe('host/host2/target', 'rgb(0, 128, 0)'); |
cleanUp(); |
-// Test for /content/. |
- |
-// Rules declared in inner treescope should win. |
-// div > p and content /content/ p have the same specificity. |
-sandbox.appendChild( |
- createDOM('div', {'id': 'host'}, |
- createDOM('style', {}, |
- document.createTextNode('div > p { border: 1px solid blue; }')), |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ p { border: 1px solid red; }')), |
- createDOM('div', {}, |
- createShadowRoot( |
- createDOM('style', {}, |
- document.createTextNode('content /content/ p { border: 1px solid green; }')), |
- createDOM('content', {})), |
- createDOM('content', {}))), |
- createDOM('p', {'id': 'target'}))); |
- |
-borderColorShouldBe('target', 'rgb(0, 128, 0)'); |
- |
-cleanUp(); |
- |
// Comparing rules declared in outer treescope with rules declared in inner treescope. |
// Outer's should win. |
sandbox.appendChild( |
createDOM('div', {}, |
createDOM('style', {}, |
- document.createTextNode('div /shadow-deep/ p { border: 1px solid green; }')), |
+ document.createTextNode('div /shadow-deep/ p:empty { border: 1px solid green; }')), |
createDOM('div', {'id': 'host'}, |
createShadowRoot( |
createDOM('div', {}, |
createDOM('style', {}, |
- document.createTextNode('div > p { border: 1px solid blue; }')), |
+ document.createTextNode('div > p:empty { border: 1px solid blue; }')), |
createShadowRoot( |
createDOM('style', {}, |
- document.createTextNode('content /content/ p { border: 1px solid red; }')), |
+ document.createTextNode('content::content > p { border: 1px solid red; }')), |
createDOM('div', {}, |
createShadowRoot( |
createDOM('style', {}, |
- document.createTextNode('content /content/ p { border: 1px solid yellow; }')), |
+ document.createTextNode('content::content > p { border: 1px solid yellow; }')), |
createDOM('content', {})), |
createDOM('content', {}))), |
createDOM('p', {'id': 'target'})))))); |