third_party/WebKit/LayoutTests/editing/pasteboard/line-feed-between-br-and-b-should-not-reorder-pasted-content.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4
   5 <style>
   6 .editing {
   7     border: 2px solid red;
   8     font-size: 24px;
   9 }
  10 .explanation {
  11     border: 2px solid blue;
  12     padding: 12px;
  13     font-size: 24px;
  14     margin-bottom: 24px;
  15 }
  16 .scenario { margin-bottom: 16px;}
  17 .scenario:first-line { font-weight: bold; margin-bottom: 16px;}
  18 .expected-results:first-line { font-weight: bold }
  19 </style>
  20 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
  21 <script src="../../resources/dump-as-markup.js"></script>
  22 <script>
  23
  24 function editingTest() {
  25     for (i = 0; i < 3; i++)
  26         extendSelectionForwardByLineCommand();
  27
  28     Markup.description(document.querySelector('.explanation').innerText);
  29
  30     Markup.dump('root', 'Before cut');
  31     cutCommand();
  32     Markup.dump('root', 'After cut');
  33
  34     pasteCommand();
  35     Markup.dump('root', 'After paste');
  36 }
  37
  38 </script>
  39
  40 <title>Editing Test</title>
  41 </head>
  42 <body>
  43
  44 <div class="explanation">
  45 <div class="scenario">
  46 Tests:
  47 <br>
  48 Bug fix for <a href="rdar://problem/4035648">&lt;rdar://problem/4035648&gt;</a> REGRESSION (Mail): line feed in source HTML file causes bad copy/paste behavior
  49 <br>
  50 In particular, the line feed that appears between br and b elements should not reorder the content in createMarkup.
  51 </div>
  52 <div class="expected-results">
  53 Expected Results:
  54 <br>
  55 Should see the text self-documenting itself correctly:
  56 <BR>
  57 <B>bold<BR>
  58 </B>
  59 plain
  60 </div>
  61 </div>
  62
  63 <div contenteditable id="root" style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space;">
  64 <div id="test" class="editing">
  65 <BR>
  66 <B>bold<BR>
  67 </B>
  68 plain
  69 </div>
  70 </div>
  71
  72 <script>
  73 runEditingTest();
  74 </script>
  75
  76 </body>
  77 </html>