Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(12)

Unified Diff: LayoutTests/fast/dom/shadow/pseudo-attribute-rendering.html

Issue 187573002: Revert "Reverting custom pseudo element". (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698