<!DOCTYPE HTML> <html> <head> <title>Test Character Movement (including nsTextFrame::PeekOffsetCharacter)</title> <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> <script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> </head> <body> <p id="display"></p> <div>content before the editor</div> <div contentEditable="true" id="editor" style="width:200px;height:150px;overflow-y:auto;overflow-x:hidden;"><p>paragraph1</p> <p>paragraph2</p> <p>paragraph3</p> <p>paragraph4</p> <p>paragraph5</p> <p>paragraph6</p> </div> <div>content after the editor</div> <pre id="test"> <script class="testbody" type="text/javascript;version=1.7"> function test() { var sel = window.getSelection(); var editor = document.getElementById("editor"); var keymodifier={}; //in windows/linux, pageup/pagedown will trigger movement of caret //while in Mac, pageup/pagedown will just scroll. We need to press //alt-pageup/pagedown in Mac to actually move caret if(navigator.platform.indexOf("Mac") >= 0){ keymodifier.altKey=true; } sel.collapse(editor.firstChild.firstChild, 1); synthesizeKey("VK_PAGE_UP", keymodifier); is(sel.anchorNode, editor.firstChild.firstChild, 'after pageup caret should still be in the first paragraph'); synthesizeKey("VK_PAGE_DOWN", keymodifier); is(sel.anchorNode.parentNode.parentNode, editor, 'pagedown should not move caret outside the editor'); SimpleTest.finish(); } SimpleTest.waitForExplicitFinish(); SimpleTest.waitForFocus(test); </script> </pre> </body> </html>