OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../resources/testharness.js"></script> |
| 3 <script src="../../resources/testharnessreport.js"></script> |
| 4 <div id="host">This text should not be red and there should be no asserts.</div> |
| 5 <script> |
| 6 var root = host.attachShadow({mode:'open'}); |
| 7 root.innerHTML = '<slot/><link rel="stylesheet" href="data:text/css,:host{co
lor:red}">'; |
| 8 |
| 9 test(() => { |
| 10 assert_equals(getComputedStyle(host).color, "rgb(255, 0, 0)", "Host colo
r is red."); |
| 11 }, "Check initial color from applied stylesheet."); |
| 12 |
| 13 test(() => { |
| 14 root.querySelector("link").setAttribute("href", "data:text/css,"); |
| 15 assert_equals(getComputedStyle(host).color, "rgb(0, 0, 0)", "Host color
is black after href is changed."); |
| 16 }, "Changing href on a link in shadow should not trigger an assert."); |
| 17 </script> |
OLD | NEW |