layout/forms/test/test_bug542914.html@6474c204b198
layout/forms/test/test_bug542914.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!DOCTYPE HTML>
2 <html>
3 <!--
4 https://bugzilla.mozilla.org/show_bug.cgi?id=542914
5 -->
6 <head>
7 <title>Test for Bug 542914</title>
8 <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
9 <script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
11 </head>
12 <body>
13 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=542914">Mozilla Bug 542914</a>
14 <p id="display">
15 <input type="text" id="a" value="test">
16 <input type="text" id="b">
17 <input type="text" id="c">
18 </p>
19 <div id="content" style="display: none">
21 </div>
22 <pre id="test">
23 <script type="application/javascript">
25 /** Test for Bug 542914 **/
26 SimpleTest.waitForExplicitFinish();
27 function runTests(callback, type) {
28 var a = $("a");
30 // Test that the initial value of the control is available to script
31 // without initilization of the editor
32 is(a.value, "test", "The value is available before initialization");
33 // Initialize the editor
34 a.focus();
35 // Test that the value does not change after initialization
36 is(a.value, "test", "The value does not change after initializtion");
38 var b = $("b");
40 // Test that the initial value is empty before initialization.
41 is(b.value, "", "The value is empty before initialization");
42 // Make sure that the value can be changed before initialization
43 b.value ="some value";
44 is(b.value, "some value", "The value can be changed before initialization");
45 // Initialize the editor
46 b.focus();
47 // Make sure that the value does not change after initialization
48 is(b.value, "some value", "The value does not change after initialization");
49 // Make sure that the value does not change if the element is hidden
50 b.style.display = "none";
51 document.body.offsetHeight;
52 is(b.value, "some value", "The value does not change while hidden");
53 b.style.display = "";
54 document.body.offsetHeight;
55 b.focus();
56 is(b.value, "some value", "The value does not change after being shown");
58 var c = $("c");
60 // Make sure that the control accepts input events without explicit initialization
61 is(c.value, "", "Control is empty initially");
62 c.focus();
63 sendChar("a");
64 is(c.value, "a", "Control accepts input without explicit initialization");
65 // Make sure that the control retains its caret position
66 c.focus();
67 c.blur();
68 c.focus();
69 sendChar("b");
70 is(c.value, "ab", "Control retains caret position after being re-focused");
72 var d = document.createElement("input");
73 d.setAttribute("type", type);
74 $("display").appendChild(d);
75 document.body.offsetHeight;
77 // Make sure dynamically injected inputs work as expected
78 is(d.value, "", "Dynamic control's initial value should be empty");
79 d.value = "new";
80 d.focus();
81 is(d.value, "new", "Dynamic control's value can be set before initialization");
82 sendChar("x");
83 is(d.value, "xnew", "Dynamic control accepts keyboard input without explicit initialization");
84 $("display").removeChild(d);
85 is(d.value, "xnew", "Dynamic control retains value after being removed from the document");
87 callback();
88 }
90 var gPreviousType = "text";
91 function setTypes(aType) {
92 var content = document.getElementById("display");
93 content.innerHTML = content.innerHTML.replace(gPreviousType, aType);
94 gPreviousType = aType;
95 }
97 addLoadEvent(function() {
98 ok(true, "Running tests on <input type=text>");
99 runTests(function() {
100 ok(true, "Running tests on <input type=password>");
101 setTypes("password");
102 runTests(function() {
103 ok(true, "Running tests on <input type=tel>");
104 setTypes("tel");
105 runTests(function() {
106 SimpleTest.finish();
107 }, "tel");
108 }, "password");
109 }, "text");
110 });
112 </script>
113 </pre>
114 </body>
115 </html>
