third_party/WebKit/LayoutTests/fast/text/justified-selection-at-edge.html

   1 <style>
   2     .fakeselection, ::selection { color: green; background-color: yellow; }
   3 </style>
   4 <p>
   5     Test for bug 13234, layout of selected justified text is broken.
   6 </p>
   7 <p>
   8     The two blue boxes should be identical.
   9 </p>
  10 <div style="text-align: justify; width: 250px; border: solid blue;">Lorem ipsum dolor si<span class="fakeselection">t amet,</span> consectetuer adipiscing elit.
  11  </div>
  12 <br>
  13 <p align="justify" id="target" style="width: 250px; border: solid blue">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
  14 <script>
  15     var text = document.getElementById("target").firstChild;
  16     getSelection().setBaseAndExtent(text, 27, text, 20);
  17 </script>