test_gettext.html (4311B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Get text between offsets tests</title> 5 <meta charset="utf-8"> 6 <link rel="stylesheet" type="text/css" 7 href="chrome://mochikit/content/tests/SimpleTest/test.css" /> 8 9 <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> 10 <script type="application/javascript" 11 src="../common.js"></script> 12 <script type="application/javascript" 13 src="../text.js"></script> 14 15 <script type="application/javascript"> 16 function doTest() { 17 // //////////////////////////////////////////////////////////////////////// 18 // 19 // __h__e__l__l__o__ __m__y__ __f__r__i__e__n__d__ 20 // 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 21 22 var IDs = [ "i1", "d1", "d1wrap", "e1", "t1" ]; 23 24 testCharacterCount(IDs, 15); 25 26 testText(IDs, 0, 1, "h"); 27 testText(IDs, 1, 3, "el"); 28 testText(IDs, 14, 15, "d"); 29 testText(IDs, 0, 15, "hello my friend"); 30 testText(IDs, 0, -1, "hello my friend"); 31 32 // //////////////////////////////////////////////////////////////////////// 33 // 34 // __B__r__a__v__e__ __S__i__r__ __ __R__o__b__i__n__ __ __ __r__a__n 35 // 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 36 37 IDs = [ "i2", "dpre2", "epre2", "t2" ]; 38 39 testCharacterCount(IDs, 22); 40 41 testText(IDs, 0, 1, "B"); 42 testText(IDs, 5, 6, " "); 43 testText(IDs, 9, 11, " "); 44 testText(IDs, 16, 19, " "); 45 testText(IDs, 0, 22, "Brave Sir Robin ran"); 46 testText(IDs, 0, -1, "Brave Sir Robin ran"); 47 48 testCharacterCount(["d2", "e2"], 19); 49 testText(["d2", "e2"], 0, 19, "Brave Sir Robin ran"); 50 51 // //////////////////////////////////////////////////////////////////////// 52 // 53 // __o__n__e__w__o__r__d__\n 54 // 0 1 2 3 4 5 6 7 55 // __\n 56 // 8 57 // __t__w__o__ __w__o__r__d__s__\n 58 // 9 10 11 12 13 14 15 16 17 18 59 60 IDs = ["d3", "dbr3", "e3", "ebr3", "t3"]; 61 62 testCharacterCount(IDs, 19); 63 64 testText(IDs, 0, 19, "oneword\n\ntwo words\n"); 65 testText(IDs, 0, -1, "oneword\n\ntwo words\n"); 66 67 // //////////////////////////////////////////////////////////////////////// 68 // 69 // CSS text-transform 70 // 71 // Content with `text-transform:uppercase | lowercase | capitalize` returns 72 // the transformed content. 73 // 74 testText(["d4a"], 0, -1, "HELLO MY FRIEND"); 75 testText(["d4b"], 0, -1, "hello my friend"); 76 testText(["d4c"], 0, -1, "Hello My Friend"); 77 78 // `text-transform: full-width | full-size-kana` should not be reflected in 79 // a11y. 80 testText(["d5a"], 0, -1, "hello my friend"); 81 testText(["d5b"], 0, -1, "ゕゖヵヶ"); 82 83 SimpleTest.finish(); 84 } 85 86 SimpleTest.waitForExplicitFinish(); 87 addA11yLoadEvent(doTest); 88 </script> 89 </head> 90 <body> 91 92 <p id="display"></p> 93 <div id="content" style="display: none"></div> 94 <pre id="test"> 95 </pre> 96 97 <input id="i1" value="hello my friend"/> 98 <div id="d1">hello my friend</div> 99 <div id="d1wrap" style="word-wrap:break-word; width:1px">hello my friend</div> 100 <div id="e1" contenteditable="true">hello my friend</div> 101 <textarea id="t1">hello my friend</textarea> 102 103 <input id="i2" value="Brave Sir Robin ran"/> 104 <pre><div id="dpre2">Brave Sir Robin ran</div></pre> 105 <pre><div id="epre2" contenteditable="true">Brave Sir Robin ran</div></pre> 106 <textarea id="t2" cols="300">Brave Sir Robin ran</textarea> 107 <div id="d2">Brave Sir Robin ran</div> 108 <div id="e2" contenteditable="true">Brave Sir Robin ran</div> 109 110 <pre> 111 <div id="d3">oneword 112 113 two words 114 </div> 115 <div id="dbr3">oneword<br/><br/>two words<br/></div> 116 <div id="e3" contenteditable="true">oneword 117 118 two words 119 </div> 120 <div id="ebr3" contenteditable="true">oneword<br/><br/>two words<br/></div> 121 <textarea id="t3" cols="300">oneword 122 123 two words 124 </textarea> 125 </pre> 126 127 <div id="d4a" style="text-transform:uppercase">Hello My Friend</div> 128 <div id="d4b" style="text-transform:lowercase">Hello My Friend</div> 129 <div id="d4c" style="text-transform:capitalize">hello my friend</div> 130 131 <div id="d5a" style="text-transform:full-width">hello my friend</div> 132 <div id="d5b" style="text-transform:full-size-kana">ゕゖヵヶ</div> 133 134 </body> 135 </html>