Index: third_party/WebKit/LayoutTests/shadow-dom/cascade-upgrade-from-v0-to-v1.html |
diff --git a/third_party/WebKit/LayoutTests/shadow-dom/cascade-upgrade-from-v0-to-v1.html b/third_party/WebKit/LayoutTests/shadow-dom/cascade-upgrade-from-v0-to-v1.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..12ef1c96487a7825cdf4b7974a800f064468422e |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/shadow-dom/cascade-upgrade-from-v0-to-v1.html |
@@ -0,0 +1,21 @@ |
+<!DOCTYPE html> |
+<script src='../resources/testharness.js'></script> |
+<script src='../resources/testharnessreport.js'></script> |
+<style> |
+div { color: red; } |
+</style> |
+<div id='host'></div> |
+<div id='dummy'></div> |
+<script> |
+'use strict'; |
+ |
+var root = host.createShadowRoot(); |
+root.innerHTML = '<style>:host(#host) { color: green; }</style>'; |
+ |
+test(() => { |
+ assert_equals(window.getComputedStyle(host).color, 'rgb(0, 128, 0)'); |
+ // Trigger "V1" shadow cascading order. |
+ dummy.attachShadow({mode: 'open'}); |
+ assert_equals(window.getComputedStyle(host).color, 'rgb(255, 0, 0)'); |
+}, 'Upgrading V0 to V1 should cause style recalculation.'); |
+</script> |