src/third_party/WebKit/LayoutTests/editing/selection/vertical-rl-ltr-extend-line-forward-wrap.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta http-equiv="content-type" content="text/html; charset=utf-8">
   5 <style> .selected { color: blue; } </style>
   6 </head>
   7 <body>
   8 <p>This tests horizontal caret movement in vertical writing mode. "は猫である。" and "名前" must be selected.</p>
   9 <div id="test" style="-webkit-writing-mode: vertical-rl; outline: none;" contenteditable>
  10 <p>吾輩は猫である。名前はまだ無い。</p>
  11 </div>
  12
  13 <span id="span-for-height-calc" style="-webkit-writing-mode: vertical-rl; outline: none;">
  14 <p>吾輩は猫である。<br>名前はまだ無い。</p>
  15 </span>
  16 <pre id="log"></pre>
  17 <script>
  18
  19 var desiredHeight = document.getElementById('span-for-height-calc');
  20 var test = document.getElementById('test');
  21 test.style.height = (desiredHeight.offsetHeight + 2) + 'px';
  22 desiredHeight.style.display = 'none';
  23
  24 window.getSelection().collapse(test.getElementsByTagName('p')[0].firstChild, 2);
  25 window.getSelection().modify('Extend', 'Forward', 'Line');
  26
  27 </script>
  28 </body>
  29 </html>