third_party/WebKit/LayoutTests/fast/dom/set-outer-text.html

   1 <html>
   2 <head>
   3     <style>
   4         pre { margin: 0; }
   5     </style>
   6     <script src="../../resources/dump-as-markup.js"></script>
   7     <script>
   8     Markup.noAutoDump();
   9
  10     function assertMarkup(name, element, expected) {
  11       var markup = Markup.get(element);
  12       if (markup == expected)
  13           log('PASS: ' + name);
  14       else
  15           log('FAIL: ' + name  + '\nWas:\n' + markup + '\nExpected:\n' + expected);
  16     }
  17
  18     function log(text) {
  19       var el = document.createElement('pre');
  20       el.appendChild(document.createTextNode(text));
  21       document.getElementById('result').appendChild(el);
  22     }
  23
  24     function runTest() {
  25         if (window.testRunner)
  26             testRunner.dumpAsText()
  27
  28         var items = document.getElementsByTagName('li');
  29
  30         document.getElementById('testReplace').outerText = 'Replaced';
  31         assertMarkup('replace', items[0], '| "Replaced node using outerText."');
  32
  33         document.getElementById('testRemove').outerText = '';
  34         assertMarkup('remove', items[1], '| " removing node using outerText."');
  35
  36         document.getElementById('testEmpty').outerText = '';
  37         assertMarkup('empty text node', items[2], '| ""');
  38
  39         document.getElementById('testAddBr').outerText = 'br\n';
  40         assertMarkup('line break', items[3], '| "Testing adding br"\n| <br>\n| " using outerText."');
  41     }
  42     </script>
  43 </head>
  44 <body onload="runTest()">
  45     <ul>
  46       <li><span id="testReplace">Testing replacing</span> node using outerText.</li>
  47       <li><span id="testRemove">Testing</span> removing node using outerText.</li>
  48       <li><span id="testEmpty">Test removing entire node</span></li>
  49       <li>Testing adding <span id="testAddBr">line break</span> using outerText.</li>
  50     </ul>
  51     <div id="result"></div>
  52 </body>
  53 </html>