editor/libeditor/html/tests/test_bug290026.html

Thu, 22 Jan 2015 13:21:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 22 Jan 2015 13:21:57 +0100
branch
TOR_BUG_9701
changeset 15
b8a032363ba2
permissions
-rw-r--r--

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

michael@0 1 <!DOCTYPE HTML>
michael@0 2 <html>
michael@0 3 <!--
michael@0 4 https://bugzilla.mozilla.org/show_bug.cgi?id=290026
michael@0 5 -->
michael@0 6 <head>
michael@0 7 <title>Test for Bug 290026</title>
michael@0 8 <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
michael@0 9 <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
michael@0 10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
michael@0 11 </head>
michael@0 12 <body>
michael@0 13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=290026">Mozilla Bug 290026</a>
michael@0 14 <p id="display"></p>
michael@0 15 <div id="editor" contenteditable></div>
michael@0 16
michael@0 17 <pre id="test">
michael@0 18 <script type="application/javascript">
michael@0 19
michael@0 20 /** Test for Bug 290026 **/
michael@0 21 SimpleTest.waitForExplicitFinish();
michael@0 22
michael@0 23 var editor = document.getElementById("editor");
michael@0 24 editor.innerHTML = '<p></p><ul><li>Item 1</li><li>Item 2</li></ul><p></p>';
michael@0 25 editor.focus();
michael@0 26
michael@0 27 addLoadEvent(function() {
michael@0 28 document.execCommand("stylewithcss", false, "true");
michael@0 29 var sel = window.getSelection();
michael@0 30 sel.removeAllRanges();
michael@0 31 var lis = document.getElementsByTagName("li");
michael@0 32 var range = document.createRange();
michael@0 33 range.setStart(lis[0], 0);
michael@0 34 range.setEnd(lis[1], lis[1].childNodes.length);
michael@0 35 sel.addRange(range);
michael@0 36 document.execCommand("indent", false, false);
michael@0 37 var oneindent = '<p></p><ul style="margin-left: 40px;"><li>Item 1</li><li>Item 2</li></ul><p></p>';
michael@0 38 is(editor.innerHTML, oneindent, "a once indented bulleted list");
michael@0 39 document.execCommand("indent", false, false);
michael@0 40 var twoindent = '<p></p><ul style="margin-left: 80px;"><li>Item 1</li><li>Item 2</li></ul><p></p>';
michael@0 41 is(editor.innerHTML, twoindent, "a twice indented bulleted list");
michael@0 42 document.execCommand("outdent", false, false);
michael@0 43 is(editor.innerHTML, oneindent, "outdenting a twice indented bulleted list");
michael@0 44
michael@0 45 // done
michael@0 46 SimpleTest.finish();
michael@0 47 });
michael@0 48
michael@0 49 </script>
michael@0 50 </pre>
michael@0 51 </body>
michael@0 52 </html>

mercurial