OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <script src='../resources/testharness.js'></script> | |
3 <script src='../resources/testharnessreport.js'></script> | |
4 <style> | |
5 div { color: red; } | |
6 </style> | |
7 <div id='host'></div> | |
8 <div id='dummy'></div> | |
9 <script> | |
10 'use strict'; | |
11 | |
12 var root = host.createShadowRoot(); | |
13 root.innerHTML = '<style>:host(#host) { color: green; }</style>'; | |
14 | |
15 test(() => { | |
16 assert_equals(window.getComputedStyle(host).color, 'rgb(0, 128, 0)'); | |
17 // Trigger "V1" shadow cascading order. | |
18 dummy.attachShadow({mode: 'open'}); | |
19 assert_equals(window.getComputedStyle(host).color, 'rgb(255, 0, 0)'); | |
20 }, 'Upgrading V0 to V1 should cause style recalculation.'); | |
21 </script> | |
OLD | NEW |