| <!DOCTYPE html> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <div id="host">This text should not be red and there should be no asserts.</div> |
| <script> |
| var root = host.attachShadow({mode:'open'}); |
| root.innerHTML = '<slot/><link rel="stylesheet" href="data:text/css,:host{color:red}">'; |
| |
| test(() => { |
| assert_equals(getComputedStyle(host).color, "rgb(255, 0, 0)", "Host color is red."); |
| }, "Check initial color from applied stylesheet."); |
| |
| test(() => { |
| root.querySelector("link").setAttribute("href", "data:text/css,"); |
| assert_equals(getComputedStyle(host).color, "rgb(0, 0, 0)", "Host color is black after href is changed."); |
| }, "Changing href on a link in shadow should not trigger an assert."); |
| </script> |