25 lines
739 B
HTML
25 lines
739 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<style>
|
|
my-host { display: none; color: red; }
|
|
</style>
|
|
<body>
|
|
<my-host><my-host-child></my-host-child></my-host>
|
|
<script>
|
|
description("Ensure tha slotted elements with display:none inherit their style via shadow tree");
|
|
|
|
var host = document.querySelector("my-host");
|
|
var shadowRoot = host.attachShadow({ mode: "closed"});
|
|
shadowRoot.innerHTML = "<style>div { color: green }</style><div><slot></slot></div>";
|
|
|
|
hostChild = document.querySelector("my-host-child");
|
|
shouldBeEqualToString("getComputedStyle(hostChild).color", "rgb(0, 128, 0)");
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|