Index: third_party/WebKit/LayoutTests/fast/dom/shadow/outer-scope-lower-specificity-wins.html |
diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/outer-scope-lower-specificity-wins.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/outer-scope-lower-specificity-wins.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e71107f6ecaae469738d6f9fa8961e497eec004d |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/dom/shadow/outer-scope-lower-specificity-wins.html |
@@ -0,0 +1,21 @@ |
+<!DOCTYPE html> |
+<script src="../../../resources/js-test.js"></script> |
+<script src="resources/shadow-dom.js"></script> |
+<div id="sandbox"></div> |
+<script> |
+description('Inner scope rules wins, with higher specificity (v0 bug compatibility).'); |
+ |
+sandbox.appendChild( |
+ createDOM('div', {'id': 'host'}, |
+ createShadowRoot( |
+ createDOM('style', {}, |
+ document.createTextNode( |
+ '::content #target { color: red; }')), |
+ createDOM('content', {})), |
+ createDOM('style', {}, |
+ document.createTextNode( |
+ 'span { color: green; }')), |
+ createDOM('span', {'id': 'target'}))); |
+ |
+shouldBeEqualToString('getComputedStyle(target).color', 'rgb(255, 0, 0)'); |
+</script> |