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

Unified Diff: LayoutTests/fast/dom/shadow/shadow-nested-pseudo-id.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/shadow-nested-pseudo-id.html
diff --git a/LayoutTests/fast/dom/shadow/shadow-nested-pseudo-id.html b/LayoutTests/fast/dom/shadow/shadow-nested-pseudo-id.html
new file mode 100644
index 0000000000000000000000000000000000000000..c7637e09fe8648b20e6deb9b3a032e1ce9ca817d
--- /dev/null
+++ b/LayoutTests/fast/dom/shadow/shadow-nested-pseudo-id.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script src="../../../resources/js-test.js"></script>
+<style>
+
+p::x-shadow-child {
+ color: red;
+}
+
+a::x-nested-shadow-child {
+ color: blue;
+}
+
+p::x-shadow-child::x-nested-shadow-child {
+ background-color: green;
+}
+
+</style>
+</head>
+<body>
+
+<div id="console"></div>
+<p id="host"></div>
+
+<script>
+function buildShadowWithOneChild(host, childTagName, childPseudoId)
+{
+ var shadow = host.createShadowRoot();
+ var shadowChild = document.createElement(childTagName);
+ shadow.appendChild(shadowChild);
+ shadowChild.setAttribute("pseudo", childPseudoId);
+ return { host: host, shadow: shadow, shadowChild: shadowChild };
+}
+
+description("Nested pseudo id should be matchable");
+
+if (!window.internals)
+ fail("You need window.internals to run this test");
+
+var host = document.getElementById("host");
+var tuple = buildShadowWithOneChild(host, "a", "x-shadow-child");
+shouldBe("window.getComputedStyle(tuple.shadowChild).color", "'rgb(255, 0, 0)'");
+var shadowTuple = buildShadowWithOneChild(tuple.shadowChild, "b", "x-nested-shadow-child");
+shouldBe("window.getComputedStyle(shadowTuple.shadowChild).color", "'rgb(255, 0, 0)'");
+shouldBe("window.getComputedStyle(shadowTuple.shadowChild).backgroundColor", "'rgb(0, 128, 0)'");
+
+var successfullyParsed = true;
+</script>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698