LayoutTests/editing/style/style-boundary-005.html

   1 <html>
   2 <head>
   3
   4 <style>
   5 .editing {
   6     border: 2px solid red;
   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 language="JavaScript" type="text/JavaScript" ></script>
  19
  20 <script>
  21
  22 function editingTest() {
  23     moveSelectionForwardByLineCommand();
  24     boldCommand();
  25     typeCharacterCommand(' ');
  26     typeCharacterCommand('f');
  27     typeCharacterCommand('o');
  28     typeCharacterCommand('u');
  29     typeCharacterCommand('r');
  30     moveSelectionBackwardByLineCommand();
  31     extendSelectionForwardByWordCommand();
  32     copyCommand();
  33     moveSelectionForwardByWordCommand();
  34     moveSelectionForwardByWordCommand();
  35     moveSelectionForwardByWordCommand();
  36     pasteCommand();
  37 }
  38
  39 </script>
  40
  41 <title>Editing Test</title>
  42 </head>
  43 <body>
  44
  45 <div class="explanation">
  46 <div class="scenario">
  47 Tests:
  48 <br>
  49 Pasting at style boundary does not crash or produce empty style span(s).
  50 </div>
  51 <div class="expected-results">
  52 Expected Results:
  53 <br>
  54 Should see this content in the red box below:
  55 <br><div>one two three <b>four</b>one</div>
  56 </div>
  57 </div>
  58
  59 <div contenteditable id="root">
  60 <div id="test" class="editing">one two three</div>
  61 </div>
  62
  63 <script>
  64 runEditingTest();
  65 </script>
  66
  67 </body>
  68 </html>