| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!doctype html> |
| 2 <html> | 2 <script src="../../resources/testharness.js"></script> |
| 3 <body> | 3 <script src="../../resources/testharnessreport.js"></script> |
| 4 <script src="../../resources/dump-as-markup.js"></script> | 4 <script src="../assert_selection.js"></script> |
| 5 <div id="test" style="border:1px solid black" contenteditable="true"> | |
| 6 <p id="item1">Make Pre</p> | |
| 7 <br> | |
| 8 <div>Foo<br><span id="item2">Make h1</span><br>baz</div> | |
| 9 <br> | |
| 10 <address id="item3">Attempt to apply the current formatting here</address> | |
| 11 </div> | |
| 12 <script> | 5 <script> |
| 13 if (window.testRunner) | 6 test(() => assert_selection( |
| 14 testRunner.dumpEditingCallbacks(); | 7 '<div contenteditable><p>|abc</p></div>', |
| 8 'formatBlock pre', |
| 9 '<div contenteditable><pre>|abc</pre></div>'), |
| 10 'Convert P to PRE'); |
| 15 | 11 |
| 16 Markup.description("This test uses FormatBlock to modify three of the paragraphs
below"); | 12 test(() => assert_selection( |
| 17 Markup.dump("test", "Before FormatBlock"); | 13 '<div contenteditable><span>|abc</span></div>', |
| 14 'formatBlock h1', |
| 15 '<div contenteditable><h1><span>|abc</span></h1></div>'), |
| 16 'Wrap SPAN with H1'); |
| 18 | 17 |
| 19 var s = window.getSelection(); | 18 test(() => assert_selection( |
| 20 var r = document.createRange(); | 19 '<div contenteditable><address>|abc</address></div>', |
| 21 var p1 = document.getElementById("item1"); | 20 'formatBlock p', |
| 22 var p2 = document.getElementById("item2"); | 21 '<div contenteditable><p>|abc</p></div>'), |
| 23 var p3 = document.getElementById("item3"); | 22 'Convert ADDRESS to P'); |
| 24 s.collapse(p1, 0); | |
| 25 document.execCommand("FormatBlock", false, "pre"); | |
| 26 s.collapse(p2, 0); | |
| 27 document.execCommand("FormatBlock", false, "h1"); | |
| 28 s.collapse(p3, 0); | |
| 29 document.execCommand("FormatBlock", false, "address"); | |
| 30 | 23 |
| 31 Markup.dump("test", "After FormatBlock"); | 24 test(() => assert_selection( |
| 32 | 25 '<div contenteditable><address>|abc</address></div>', |
| 26 'formatBlock address', |
| 27 '<div contenteditable><address>|abc</address></div>'), |
| 28 'Keep existing block'); |
| 33 </script> | 29 </script> |
| 34 </body> | |
| 35 </html> | |
| OLD | NEW |