third_party/WebKit/LayoutTests/editing/inserting/insert-html-into-text-field.html

   1 <head>
   2 <style>
   3 #xtest {
   4     x-border-style: none;
   5     box-sizing: border-box;
   6     font-size: 15px;
   7     height: 30px;
   8     padding: 15px;
   9 }
  10 </style>
  11 </head>
  12 <body>
  13 <div id="content">
  14 <p id="description"></p>
  15 Steps:
  16 <ol>
  17     <li>Set caret after "foo" in below text field.</li>
  18     <li>Hit Ctrl+V to paste text.</li>
  19     <li>You should see pasted text in text field.</li>
  20 </ol>
  21 Text Field:<input id="test" value="foo">
  22 </div>
  23 <script src="../../resources/js-test.js"></script>
  24 <script>
  25 description('InsertHTML should not be affected by CSS style');
  26 var textField = document.getElementById('test');
  27 textField.focus();
  28 textField.setSelectionRange(textField.value.length, textField.value.length);
  29 document.execCommand('InsertHTML', false, 'bar');
  30 shouldBeEqualToString('textField.value', 'foobar');
  31
  32 if (window.testRunner)
  33     document.getElementById('content').outerHTML = '';
  34 </script>
  35 </body>