third_party/WebKit/LayoutTests/fast/repaint/inline-outline-repaint.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en">
   4 <head>
   5 <script src="../../editing/editing.js"></script>
   6 <script src="resources/text-based-repaint.js"></script>
   7 <script>
   8     function repaintTest()
   9     {
  10         var elem = document.getElementById("test");
  11         var selection = window.getSelection();
  12         selection.collapse(elem, 1);
  13         for (i = 0; i < 9; i++)
  14             document.execCommand("Delete");
  15     }
  16 </script>
  17 </head>
  18 <body onload="runRepaintTest();">
  19 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=8337">Bugzilla bug 8337</a> Incomplete repaint of inlines&rsquo; outline during editing</p>
  20
  21 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
  22 The words &ldquo;sit amet&rdquo; will be deleted, and the blue outline will shrink to
  23 surround only the remaining text, without leaving behind any trails or other artifacts.
  24 </p>
  25
  26 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
  27 As the words &ldquo;sit amet&rdquo; will be deleted, the blue outline will leave
  28 trails behind as it shrinks to fit the remaining text.
  29 </p>
  30
  31 <div contenteditable style="width: 100px; outline: none;">
  32 <span id="test" style="outline: blue solid;">Lorem ipsum dolor sit amet&nbsp;</span>
  33 </div>
  34
  35 </body>
  36 </html>