Index: LayoutTests/fast/dom/shadow/content-pseudo-element-overridden.html |
diff --git a/LayoutTests/fast/dom/shadow/content-combinator-with-host-pseudo-class.html b/LayoutTests/fast/dom/shadow/content-pseudo-element-overridden.html |
similarity index 53% |
copy from LayoutTests/fast/dom/shadow/content-combinator-with-host-pseudo-class.html |
copy to LayoutTests/fast/dom/shadow/content-pseudo-element-overridden.html |
index 735c404279f63dd78dc957fe35c3fd6f891eb038..7ef8cd5a7d65e9fbb45fa6efb8560565196f9332 100644 |
--- a/LayoutTests/fast/dom/shadow/content-combinator-with-host-pseudo-class.html |
+++ b/LayoutTests/fast/dom/shadow/content-pseudo-element-overridden.html |
@@ -1,40 +1,38 @@ |
<!doctype html> |
<html> |
<head> |
-<script src="resources/shadow-dom.js"></script> |
<script src="../../../resources/js-test.js"></script> |
+<style> |
+ .contentClass { |
+ color: blue; |
+ } |
+</style> |
</head> |
<body class="bodyClass"> |
<template id="tmpl"> |
<style> |
- :host > .blue { |
- color: blue; |
- } |
- :host content /content/ * { |
+ ::content > * { |
color: red; |
} |
</style> |
- <div class="blue">I am blue!</div> |
<content></content> |
</template> |
<div id="host" class="hostClass"> |
- <div class="content"> |
+ <div class="contentClass"> |
content |
</div> |
</div> |
- <pre id="console"></pre> |
+ <pre id='console'></pre> |
</body> |
<script> |
-description("Test for crbug.com/274063, cannot style /content/ with a rule that includes :host."); |
- |
+description('Test for crbug.com/274059. Should be able to override ::content styles in shadow root style sheet from the document.'); |
var host = document.querySelector('#host'); |
var root = host.createShadowRoot(); |
var template = document.querySelector('#tmpl'); |
root.appendChild(template.content); |
- |
-shouldBe('window.getComputedStyle(document.querySelector("#host > .content")).color', '"rgb(255, 0, 0)"'); |
+shouldBe('window.getComputedStyle(document.querySelector(".contentClass")).color', '"rgb(0, 0, 255)"'); |
</script> |
</html> |