third_party/WebKit/LayoutTests/editing/selection/css-pseudo-element-hang.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <style type="text/css"> /* pertinent to test cases */
   6 .quote:before { content: "*"; }
   7 .quote:after { content: "*"; }
   8
   9 .bidi:before { content: "aפb"; }
  10 .bidi:after { content: "aפb"; }
  11 </style>
  12 <script src="../../resources/js-test.js"></script>
  13 <title></title>
  14 </head>
  15 <body>
  16 <p>This webpage should not hang when we try to move beyond the quotes.</p>
  17
  18 <div contenteditable="true" id="test1">
  19 <span class="quote">content</span>
  20 </div>
  21
  22 <div contenteditable="true" id="test2">
  23 a<span class="quote">content</span>a
  24 </div>
  25
  26 <div contenteditable="true" id="test3">
  27 <span class="bidi">content</span>
  28 </div>
  29
  30 <div contenteditable="true" id="test4">
  31 a<span class="bidi">content</span>a
  32 </div>
  33
  34 <div id="console"></div>
  35 <script>
  36
  37 var edit = document.getElementById('test1');
  38 edit.focus();
  39
  40 for (var i = 0; i < 9; ++i)
  41     window.getSelection().modify('move', 'right', 'character');
  42
  43 for (var i = 0; i < 9; ++i)
  44     window.getSelection().modify('move', 'left', 'character');
  45
  46 var edit = document.getElementById('test2');
  47 edit.focus();
  48
  49 for (var i = 0; i < 11; ++i)
  50     window.getSelection().modify('move', 'right', 'character');
  51
  52 for (var i = 0; i < 11; ++i)
  53     window.getSelection().modify('move', 'left', 'character');
  54
  55 var edit = document.getElementById('test3');
  56 edit.focus();
  57
  58 for (var i = 0; i < 9; ++i)
  59     window.getSelection().modify('move', 'right', 'character');
  60
  61 for (var i = 0; i < 9; ++i)
  62     window.getSelection().modify('move', 'left', 'character');
  63
  64 var edit = document.getElementById('test4');
  65 edit.focus();
  66
  67 for (var i = 0; i < 11; ++i)
  68     window.getSelection().modify('move', 'right', 'character');
  69
  70 for (var i = 0; i < 11; ++i)
  71     window.getSelection().modify('move', 'left', 'character');
  72
  73
  74 </script>
  75 </body>
  76 </html>