|
1 <?xml version="1.0"?> |
|
2 <?xml-stylesheet href="chrome://global/skin" type="text/css"?> |
|
3 <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?> |
|
4 <!-- |
|
5 XUL Widget Test for textbox with placeholder |
|
6 --> |
|
7 <window title="Textbox with placeholder test" width="500" height="600" |
|
8 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> |
|
9 <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> |
|
10 |
|
11 <hbox> |
|
12 <textbox id="t1"/> |
|
13 </hbox> |
|
14 |
|
15 <!-- test results are displayed in the html:body --> |
|
16 <body xmlns="http://www.w3.org/1999/xhtml" style="height: 300px; overflow: auto;"/> |
|
17 |
|
18 <!-- test code goes here --> |
|
19 <script type="application/javascript"><![CDATA[ |
|
20 |
|
21 SimpleTest.waitForExplicitFinish(); |
|
22 |
|
23 function doTests() { |
|
24 var t1 = $("t1"); |
|
25 |
|
26 t1.placeholder = 1; |
|
27 ok("1" === t1.label, "placeholder exposed as label"); |
|
28 ok("" === t1.value, "placeholder not exposed as value"); |
|
29 |
|
30 t1.label = 2; |
|
31 ok("2" === t1.label, "label can be set explicitly"); |
|
32 ok("1" === t1.placeholder, "placeholder persists after setting label"); |
|
33 |
|
34 t1.value = 3; |
|
35 ok("3" === t1.value, "value setter/getter works while placeholder is present"); |
|
36 ok("1" === t1.placeholder, "placeholder persists after setting value"); |
|
37 |
|
38 t1.value = ""; |
|
39 is(t1.textLength, 0, "textLength while placeholder is displayed"); |
|
40 |
|
41 SimpleTest.finish(); |
|
42 } |
|
43 |
|
44 SimpleTest.waitForFocus(doTests); |
|
45 |
|
46 ]]></script> |
|
47 |
|
48 </window> |