LayoutTests/fast/html/clone-keygen.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../js/resources/js-test-pre.js"></script>
   5 <style type="text/css">
   6 *::-webkit-keygen-select {
   7   color: purple;
   8   zoom: 1.5;  /* to work around bug 57966 */
   9 }
  10 </style>
  11 </head>
  12 <body>
  13 <p>
  14 Tests that a cloned keygen has the right shadow pseudo ID. You should
  15 see two big keygens with purple text (they should look the same.)
  16 </p>
  17 <keygen id="k" style="display: block;">
  18 <div id="console"></div>
  19 <script>
  20 var k = document.querySelector('#k');
  21 var specialK = k.cloneNode();
  22
  23 k.insertAdjacentElement('afterEnd', specialK);
  24
  25 shouldBe('specialK.clientHeight', 'k.clientHeight');
  26
  27 if (window.internals) {
  28     var kShadow = internals.shadowRoot(k);
  29     var cloneShadow = internals.shadowRoot(specialK);
  30     shouldBe('internals.shadowPseudoId(cloneShadow.firstChild)',
  31              'internals.shadowPseudoId(kShadow.firstChild)');
  32 }
  33 </script>
  34 <script src="../js/resources/js-test-post.js"></script>
  35 </body>
  36 </html>