Index: third_party/WebKit/LayoutTests/shadow-dom/cascade-outer-scope.html |
diff --git a/third_party/WebKit/LayoutTests/shadow-dom/cascade-outer-scope.html b/third_party/WebKit/LayoutTests/shadow-dom/cascade-outer-scope.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..17c956837d5710e72d8dc0de6503eb0d2c1e0dd5 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/shadow-dom/cascade-outer-scope.html |
@@ -0,0 +1,22 @@ |
+<!DOCTYPE html> |
+<script src="../resources/js-test.js"></script> |
+<script src="../fast/dom/shadow/resources/shadow-dom.js"></script> |
+<div id="sandbox"></div> |
+<script> |
+description('Outer scope rules wins, regardless of specificity.'); |
+ |
+sandbox.appendChild( |
+ createDOM('div', {'id': 'host'}, |
+ attachShadow( |
+ {'mode': 'open'}, |
+ createDOM('style', {}, |
+ document.createTextNode( |
+ '::slotted(#target) { color: red; }')), |
+ createDOM('slot', {})), |
+ createDOM('style', {}, |
+ document.createTextNode( |
+ 'span { color: green; }')), |
+ createDOM('span', {'id': 'target'}))); |
+ |
+shouldBeEqualToString('getComputedStyle(target).color', 'rgb(0, 128, 0)'); |
+</script> |