third_party/WebKit/LayoutTests/editing/style/apple-style-editable-mix.html

   1 <html>
   2     <head>
   3 <script>
   4 if (window.testRunner)
   5      testRunner.dumpEditingCallbacks();
   6 </script>
   7
   8         <script>
   9             function test()
  10             {
  11                 var tbl1 = document.getElementById('tbl1');
  12                 var tbl2 = document.getElementById('tbl2');
  13                 var selection = window.getSelection();
  14                 selectAllCommand();
  15                 boldCommand();
  16             }
  17         </script>
  18         <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
  19     </head>
  20 <body onload="test()" contenteditable>
  21     <table id="tbl1" contenteditable=false>
  22         <tr>
  23             <td>This tests that a style can be applied to a selection that contains both editable and non-editable content.
  24             </td>
  25             <td>
  26                 <span contenteditable>Editable - line 1</span>
  27             </td>
  28         </tr>
  29     </table>
  30     <table id="tbl2" contenteditable=false>
  31         <tr>
  32             <td>The test passes if the editable content is bold, and the non editable content remains unchanged.
  33             </td>
  34             <td>
  35                 <span contenteditable>Editable - line 2</span>
  36             </td>
  37         </tr>
  38     </table>
  39 </body>
  40 </html>