third_party/WebKit/LayoutTests/editing/style/remove-underline-from-stylesheet.html

   1 <html>
   2 <head>
   3 <style>
   4 .editing {
   5     border: 2px solid red;
   6     padding: 12px;
   7     font-size: 24px;
   8     text-decoration: underline;
   9 }
  10 </style>
  11 <script src="../../resources/dump-as-markup.js"></script>
  12 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
  13 <script>
  14
  15 function editingTest() {
  16     if (window.testRunner)
  17          testRunner.dumpAsText();
  18     for (i = 0; i < 6; i++)
  19         typeCharacterCommand();
  20     typeCharacterCommand(' ');
  21     for (i = 0; i < 6; i++)
  22         typeCharacterCommand();
  23     typeCharacterCommand(' ');
  24     for (i = 0; i < 6; i++)
  25         typeCharacterCommand();
  26     moveSelectionBackwardByWordCommand();
  27     moveSelectionBackwardByWordCommand();
  28     extendSelectionForwardByWordCommand();
  29     underlineCommand();
  30     document.body.appendChild(document.createTextNode(document.getElementById('root').innerHTML));
  31 }
  32
  33 </script>
  34 <title>Editing Test</title>
  35 </head>
  36 <body>
  37 <div contenteditable id="root" class="editing">
  38 <span id="test"></span>
  39 </div>
  40 <script>
  41 Markup.description('This tests removing underline from stylesheet (.editing has underline). Because text-decoration that comes from a style rule cannot be pushed down, the underline should stay. (see bug 27809).');
  42 runEditingTest();
  43 Markup.dump('root');
  44 </script>
  45 </body>
  46 </html>