<!DOCTYPE html> <html> <head> <title>Char boundary text tests</title> <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css" /> <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> <script type="application/javascript" src="../common.js"></script> <script type="application/javascript" src="../text.js"></script> <script type="application/javascript"> function doTest() { ////////////////////////////////////////////////////////////////////////// // // __h__e__l__l__o__ __m__y__ __f__r__i__e__n__d__ // 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var IDs = [ "i1", "d1", "e1", "t1" ]; testCharBeforeOffset(IDs, 0, "", 0, 0); testCharBeforeOffset(IDs, 1, "h", 0, 1); testCharBeforeOffset(IDs, 14, "n", 13, 14); testCharBeforeOffset(IDs, 15, "d", 14, 15); testCharAtOffset(IDs, 0, "h", 0, 1); testCharAtOffset(IDs, 1, "e", 1, 2); testCharAtOffset(IDs, 14, "d", 14, 15); testCharAtOffset(IDs, 15, "", 15, 15); testCharAfterOffset(IDs, 0, "e", 1, 2); testCharAfterOffset(IDs, 1, "l", 2, 3); testCharAfterOffset(IDs, 14, "", 15, 15); testCharAfterOffset(IDs, 15, "", 15, 15); ////////////////////////////////////////////////////////////////////////// // // __B__r__a__v__e__ __S__i__r__ __ __R__o__b__i__n__ __ __ __r__a__n // 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 IDs = [ "i2", "d2", "e2", "t2" ]; testCharBeforeOffset(IDs, 0, "", 0, 0); testCharBeforeOffset(IDs, 1, "B", 0, 1); testCharBeforeOffset(IDs, 6, " ", 5, 6); testCharBeforeOffset(IDs, 10, " ", 9, 10); testCharBeforeOffset(IDs, 11, " ", 10, 11); testCharBeforeOffset(IDs, 17, " ", 16, 17); testCharBeforeOffset(IDs, 19, " ", 18, 19); testCharAtOffset(IDs, 0, "B", 0, 1); testCharAtOffset(IDs, 1, "r", 1, 2); testCharAtOffset(IDs, 5, " ", 5, 6); testCharAtOffset(IDs, 9, " ", 9, 10); testCharAtOffset(IDs, 10, " ", 10, 11); testCharAtOffset(IDs, 17, " ", 17, 18); testCharAfterOffset(IDs, 0, "r", 1, 2); testCharAfterOffset(IDs, 1, "a", 2, 3); testCharAfterOffset(IDs, 4, " ", 5, 6); testCharAfterOffset(IDs, 5, "S", 6, 7); testCharAfterOffset(IDs, 8, " ", 9, 10); testCharAfterOffset(IDs, 9, " ", 10, 11); testCharAfterOffset(IDs, 10, "R", 11, 12); testCharAfterOffset(IDs, 15, " ", 16, 17); testCharAfterOffset(IDs, 16, " ", 17, 18); testCharAfterOffset(IDs, 17, " ", 18, 19); testCharAfterOffset(IDs, 18, "r", 19, 20); ////////////////////////////////////////////////////////////////////////// // // __o__n__e__w__o__r__d__\n // 0 1 2 3 4 5 6 7 // __\n // 8 // __t__w__o__ __w__o__r__d__s__\n // 9 10 11 12 13 14 15 16 17 18 IDs = ["d3", "dbr3", "e3", "ebr3", "t3"]; testCharBeforeOffset(IDs, 8, "\n", 7, 8); testCharBeforeOffset(IDs, 9, "\n", 8, 9); testCharBeforeOffset(IDs, 10, "t", 9, 10); testCharAtOffset(IDs, 7, "\n", 7, 8); testCharAtOffset(IDs, 8, "\n", 8, 9); testCharAtOffset(IDs, 9, "t", 9, 10); testCharAfterOffset(IDs, 6, "\n", 7, 8); testCharAfterOffset(IDs, 7, "\n", 8, 9); testCharAfterOffset(IDs, 8, "t", 9, 10); SimpleTest.finish(); } SimpleTest.waitForExplicitFinish(); addA11yLoadEvent(doTest); </script> </head> <body> <p id="display"></p> <div id="content" style="display: none"></div> <pre id="test"> </pre> <input id="i1" value="hello my friend"/> <div id="d1">hello my friend</div> <div id="e1" contenteditable="true">hello my friend</div> <textarea id="t1" contenteditable="true">hello my friend</textarea> <input id="i2" value="Brave Sir Robin ran"/> <pre> <div id="d2">Brave Sir Robin ran</div> <div id="e2" contenteditable="true">Brave Sir Robin ran</div> </pre> <textarea id="t2" cols="300">Brave Sir Robin ran</textarea> <pre> <div id="d3">oneword two words </div> <div id="dbr3">oneword<br/><br/>two words<br/></div> <div id="e3" contenteditable="true">oneword two words </div> <div id="ebr3" contenteditable="true">oneword<br/><br/>two words<br/></div> <textarea id="t3" cols="300">oneword two words</textarea> </pre> </body> </html>