Index: third_party/WebKit/LayoutTests/shadow-dom/cascade-inner-scope-important.html |
diff --git a/third_party/WebKit/LayoutTests/shadow-dom/cascade-inner-scope-important.html b/third_party/WebKit/LayoutTests/shadow-dom/cascade-inner-scope-important.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7bb7de0159cb3d255cb7d8dbcfe9d172ec3ea304 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/shadow-dom/cascade-inner-scope-important.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("Inner scope !important rules wins, regardless of specificity."); |
+ |
+sandbox.appendChild( |
+ createDOM('div', {'id': 'host'}, |
+ attachShadow( |
+ {'mode': 'open'}, |
+ createDOM('style', {}, |
+ document.createTextNode( |
+ '::slotted(span) { color: green !important; }')), |
+ createDOM('slot', {})), |
+ createDOM('style', {}, |
+ document.createTextNode( |
+ '#target { color: red !important; }')), |
+ createDOM('span', {'id': 'target'}))); |
+ |
+shouldBeEqualToString("getComputedStyle(target).color", "rgb(0, 128, 0)"); |
+</script> |