third_party/WebKit/LayoutTests/editing/pasteboard/paste-plaintext-user-select-none.html

   1 <!DOCTYPE html>
   2 <style>
   3 body {
   4     -webkit-user-select: none;
   5 }
   6
   7 .editing {
   8     border: 2px solid red;
   9     padding: 12px;
  10     font-size: 24px;
  11     -webkit-user-select: text;
  12     -webkit-user-modify: read-write-plaintext-only;
  13 }
  14 </style>
  15 <script src=../../resources/js-test.js></script>
  16 <div id="container">
  17 <p>To test manually, copy "Test Passed" into clipboard, and paste in below box.</p>
  18 <input id="textfield" value="Test Passed">
  19 <div id="sample" class="editing"></div>
  20 </div>
  21 <script>
  22 description('This tests that you can paste into a plain-text editable area even if the body has user-select:none set on it.');
  23 document.getElementById('textfield').select();
  24 document.execCommand('copy');
  25 var sample = document.getElementById('sample');
  26 sample.focus();
  27 document.execCommand('paste');
  28 shouldBeEqualToString('sample.textContent', 'Test Passed');
  29 </script>