Index: LayoutTests/fast/dom/shadow/pseudo-attribute-rendering.html |
diff --git a/LayoutTests/fast/dom/shadow/pseudo-attribute-rendering.html b/LayoutTests/fast/dom/shadow/pseudo-attribute-rendering.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c7e2703c04fe7802e12ba94b6aa859e4e84f69d5 |
--- /dev/null |
+++ b/LayoutTests/fast/dom/shadow/pseudo-attribute-rendering.html |
@@ -0,0 +1,34 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<style> |
+div::x-foo { |
+ color: red; |
+} |
+div::-webkit-foobar { |
+ color: red; |
+} |
+</style> |
+</head> |
+<body> |
+<p>This test checks element.pseudo starting '-webkit-' only works in UserAgentShadowRoot.</p> |
+ |
+<div id="host1"></div> |
+<div id="host2"></div> |
+ |
+<script> |
+var shadowRoot1 = host1.createShadowRoot(); |
+var div1 = document.createElement('div'); |
+div1.pseudo = 'x-foo'; |
+div1.innerHTML = "This text should be red."; |
+shadowRoot1.appendChild(div1); |
+ |
+var shadowRoot2 = host2.createShadowRoot(); |
+var div2 = document.createElement('div'); |
+div2.pseudo = '-webkit-foobar'; |
+div2.innerHTML = "This text should not be red."; |
+shadowRoot2.appendChild(div2); |
+</script> |
+ |
+</body> |
+</html> |