LayoutTests/editing/pasteboard/testcase-9507.html

   1 <html>
   2 <head>
   3 <style>
   4 .editing {
   5     border: 2px solid red;
   6     font-size: 24px;
   7 }
   8 .explanation {
   9     border: 2px solid blue;
  10     padding: 12px;
  11     font-size: 24px;
  12     margin-bottom: 24px;
  13 }
  14 .scenario { margin-bottom: 16px;}
  15 .scenario:first-line { font-weight: bold; margin-bottom: 16px;}
  16 .expected-results:first-line { font-weight: bold }
  17 </style>
  18 <script src="../editing.js"></script>
  19 <script src="../../resources/dump-as-markup.js"></script>
  20 <title>Editing Test</title>
  21 </head>
  22 <body>
  23 <p id="description">When copying some text, under certain circumstances, empty style (or font) tags are created. This test checks that there is no empty &lt;font&gt; tag after 'foo' and before 'bar'.</p>
  24 <div contenteditable id="root">
  25 <div id="test" class="editing">
  26 foo
  27 <div style="color: rgb(255, 0, 0);" >
  28 <div>bar</div>
  29 </div>
  30 </div>
  31 </div>
  32 <script>
  33
  34 Markup.description(document.getElementById('description').textContent);
  35
  36 setSelectionCommand(document.getElementById("test"),0,document.getElementById("test"),5);
  37 copyCommand();
  38 Markup.dump('root', 'After copy');
  39
  40 pasteCommand();
  41 Markup.dump('root', 'After paste');
  42
  43 </script>
  44 </body>
  45 </html>