third_party/WebKit/LayoutTests/editing/pasteboard/select-element-1.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <div id="container">
   4 You should run this test with DRT. To test manually, please do following:
   5 <ol>
   6 <li>Select select element in box after "Copy from"</li>
   7 <li>Cut selection into clipboard</li>
   8 <li>Paste it into box below "Paste to"
   9 </ol>
  10 Copy from:
  11 <div id="copy" contenteditable="true" style="border: solid 1px red">
  12     <select id="select">
  13         <option>One</option>
  14         <option>Two</option>
  15         <option>Three</option>
  16     </select>
  17 </div>
  18 Paste to:
  19 <div id="paste" contenteditable="true" style="border: solid 1px red"></div>
  20 </div>
  21 <script>
  22 description('This tests copy/paste of select elements.  All the options should be included.');
  23
  24 if (window.testRunner) {
  25     var copy = document.getElementById('copy');
  26     copy.focus();
  27     document.execCommand('SelectAll');
  28     document.execCommand('Cut');
  29
  30     shouldBeTrue('document.getElementById("select") === null');
  31
  32     var paste = document.getElementById('paste');
  33     paste.focus();
  34     document.execCommand('Paste');
  35
  36     var select = document.getElementById('select');
  37     shouldBeEqualToString('select.options[0].value', 'One');
  38     shouldBeEqualToString('select.options[1].value', 'Two');
  39     shouldBeEqualToString('select.options[2].value', 'Three');
  40
  41     document.getElementById('container').outerHTML = '';
  42 }
  43 </script>