src/third_party/WebKit/LayoutTests/fast/dom/shadow/style-sharing-sibling-shadow.html

   1 <!DOCTYPE html>
   2
   3 <style>
   4     #sandbox div {
   5         width: 50px;
   6         height: 50px;
   7     }
   8 </style>
   9
  10 <script src="../../../resources/js-test.js"></script>
  11
  12 <div id="sandbox">
  13     <div></div>
  14     <div></div>
  15 </div>
  16
  17 <script>
  18 description("Siblings should only share if their host rules match");
  19
  20 document.body.offsetTop;
  21 host = document.getElementById("sandbox").firstElementChild;
  22 host.createShadowRoot().innerHTML = "<style>:host { background: red; }</style>";
  23 shouldBeEqualToString("getComputedStyle(host).backgroundColor", "rgb(255, 0, 0)");
  24 </script>