third_party/WebKit/LayoutTests/editing/pasteboard/block-wrappers-necessary.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .editing {
   6     border: 2px solid red;
   7     font-size: 18px;
   8 }
   9 .explanation {
  10     border: 2px solid blue;
  11     padding: 12px;
  12     font-size: 18px;
  13     margin-bottom: 24px;
  14 }
  15 .scenario { margin-bottom: 16px;}
  16 .scenario:first-line { font-weight: bold; margin-bottom: 16px;}
  17 .expected-results:first-line { font-weight: bold }
  18 </style>
  19 <script src="../editing.js"></script>
  20 <script src="../../resources/dump-as-markup.js"></script>
  21 <script>
  22
  23 Markup.waitUntilDone();
  24
  25 function editingTest() {
  26     Markup.description(document.getElementsByClassName('explanation')[0].textContent);
  27     for (var i = 0; i < 10; i++)
  28         extendSelectionForwardByLineCommand();
  29     Markup.dump('root', 'Before cut');
  30     cutCommand();
  31     Markup.dump('root', 'After cut');
  32     pasteCommand();
  33     Markup.dump('root', 'After paste (this should be identical to before cut)');
  34     Markup.notifyDone();
  35 }
  36
  37 </script>
  38 <title>Editing Test</title>
  39 </head>
  40 <body onload="runEditingTest()">
  41 <div class="explanation">
  42 <div class="scenario">
  43 Tests:
  44 <br>
  45 Bug fix for <a href="rdar://problem/4180820">&lt;rdar://problem/4180820&gt;</a> Erroneous spacing between lines introduced on paste
  46 </div>
  47 Applying block styles, like text-align, used to wrap paragraphs that needed block style changes in clones of other paragraphs in the document.  This would almost always introduce unwanted styles.
  48 </div>
  49 <div contenteditable id="root" style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space;">
  50 <div id="test" class="editing">
  51 <center>
  52 <p>
  53 This is an <b>interactive</b> documentation site, so please help out by posting any useful information that you've had to search out.<br>
  54 (Adding to this <a href="db.cgi?Wiki_Is_So_Easy">wiki is so easy</a>, you can't screw it up). See <a href="db.cgi?Wiki_Reference">Wiki Reference</a> for text formatting syntax.<br>
  55 Info for setting up your own wiki is at <a href="db.cgi?About_Howto.Apple.Com">about howto.apple.com</a>.<br>
  56 Check out a cool wiki editor application that helps in wiki generation: <a href="db.cgi?Wikinator">Wikinator</a>
  57 <p>
  58 Start browsing the topics below, or use the search field at the bottom of every page.
  59 </center>
  60 </div>
  61 </div>
  62 </body>
  63 </html>