third_party/WebKit/LayoutTests/editing/style/non-inheritable-styles.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 div {
   6     border: 1px solid red;
   7 }
   8 #id {
   9     border: 1px solid blue;
  10 }
  11 .class {
  12     border: 1px solid black;
  13 }
  14 </style>
  15 </head>
  16
  17 <body>
  18 <span id="copy" style="display:block" contenteditable="true">
  19 This shouldn't have a border.
  20 <div class="class" id="id">This should have blue border when its pasted.</div>
  21 This shouldn't have a border.</span>
  22 <span id="paste" style="display:block" contenteditable="true"></span>
  23
  24 <script src="../../resources/dump-as-markup.js"></script>
  25 <script>
  26 var sel = window.getSelection();
  27 var copy = document.getElementById("copy");
  28 var paste = document.getElementById("paste");
  29
  30 sel.collapse(copy, 0);
  31 document.execCommand("SelectAll");
  32 document.execCommand("Copy");
  33 var len = document.styleSheets[0].cssRules.length;
  34 for (var i = 0; i < len; i++)
  35     document.styleSheets[0].deleteRule(0);
  36
  37 sel.collapse(paste, 0);
  38 document.execCommand("Paste");
  39 Markup.description("This tests copy.  Non-inheritable styles should be brought down from stylesheets.");
  40 Markup.dump(document.getElementById("paste"));
  41 </script>
  42 </body>
  43 </html>