Index: third_party/WebKit/LayoutTests/fast/dom/shadow/inner-scope-important-wins.html |
diff --git a/third_party/WebKit/LayoutTests/fast/dom/shadow/inner-scope-important-wins.html b/third_party/WebKit/LayoutTests/fast/dom/shadow/inner-scope-important-wins.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..d3f79f1b7b93e0a097b247c874effca3c4fefb8d |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/dom/shadow/inner-scope-important-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('Outer scope !important rules wins with higher specificity (v0 bug compatibility).'); |
+ |
+sandbox.appendChild( |
+ createDOM('div', {'id': 'host'}, |
+ createShadowRoot( |
+ createDOM('style', {}, |
+ document.createTextNode( |
+ '::content span { color: green !important; }')), |
+ createDOM('content', {})), |
+ createDOM('style', {}, |
+ document.createTextNode( |
+ '#target { color: red !important; }')), |
+ createDOM('span', {'id': 'target'}))); |
+ |
+shouldBeEqualToString('getComputedStyle(target).color', 'rgb(255, 0, 0)'); |
+</script> |