LayoutTests/fast/dom/HTMLMeterElement/meter-clone.html

   1 <html>
   2 <head>
   3 <script src="../../js/resources/js-test-pre.js"></script>
   4 </head>
   5 <body>
   6 <meter id="target" min="0" max="100" value="50" style="-webkit-appearance: none;" />
   7 <script>
   8 (function() {
   9     target = document.getElementById("target");
  10     cloned = target.cloneNode();
  11     document.body.insertBefore(cloned, target.nextSibling);
  12
  13     if (!window.internals) {
  14         debug("You need internals to run this test.");
  15         return;
  16     }
  17
  18     targetShadowRoot = internals.shadowRoot(target);
  19     clonedShadowRoot = internals.shadowRoot(cloned);
  20
  21     shouldBe("cloned.value", "target.value");
  22     shouldBe("internals.shadowPseudoId(clonedShadowRoot.firstChild)", "internals.shadowPseudoId(targetShadowRoot.firstChild)");
  23     shouldBe("internals.shadowPseudoId(clonedShadowRoot.firstChild.firstChild)", "internals.shadowPseudoId(targetShadowRoot.firstChild.firstChild)");
  24     cloned.value = 70;
  25     shouldBe("clonedShadowRoot.firstChild.firstChild.style.width", '"70%"');
  26     shouldBe("targetShadowRoot.firstChild.firstChild.style.width", '"50%"');
  27 })();
  28 </script>
  29 <script src="../../js/resources/js-test-post.js"></script>
  30 </body>
  31 </html>