1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
<!DOCTYPE html>
<html>
<head>
<script src="../js/resources/js-test-pre.js"></script>
<script src="resources/common.js"></script>
</head>
<body>
<input id="search_input" type="search" />
<div id="console">
<p>
This tests the behavior of a cancel button in search input forms.
</p>
</div>
<script>
function click(position) {
if (!eventSender)
return;
eventSender.mouseMoveTo(position.x, position.y);
eventSender.mouseDown();
eventSender.mouseMoveTo(position.x, position.y);
eventSender.mouseUp();
eventSender.leapForward(1000);
}
function keydown(character) {
if (!eventSender)
return;
eventSender.keyDown(character);
eventSender.leapForward(1000);
}
function setInputAttributes(input, value, disabled, readonly) {
input.value = value;
input.disabled = disabled;
input.readOnly = !!readonly;
}
if (window.testRunner) {
var input = $("search_input");
var cancelButtonPosition = searchCancelButtonPosition(input);
var middleButtonPosition = {};
middleButtonPosition.x = input.offsetLeft + input.offsetWidth / 2;
middleButtonPosition.y = input.offsetTop + input.offsetHeight / 2;
var enabled = false;
var disabled = true;
var readonly = true;
debug("Test on the input form with disabled=false and readonly=false");
setInputAttributes(input, "foo", enabled);
debug("Click the cancel button:");
click(cancelButtonPosition);
shouldBe('input.value', '""');
debug("... and then input one character:");
keydown("b");
shouldBe('input.value', '"b"');
setInputAttributes(input, "foo", enabled);
debug("Click the center of the form:");
click(middleButtonPosition);
shouldBe('input.value', '"foo"');
debug("... and then input one character:");
keydown("b");
shouldBe('input.value', '"foob"');
debug("");
debug("Test on the input form with disabled=false and readonly=true");
setInputAttributes(input, "foo", enabled, readonly);
debug("Click the cancel button:");
click(cancelButtonPosition);
shouldBe('input.value', '"foo"');
debug("... and then input one character:");
keydown("b");
shouldBe('input.value', '"foo"');
setInputAttributes(input, "foo", enabled, readonly);
debug("Click the center of the form:");
click(middleButtonPosition);
shouldBe('input.value', '"foo"');
debug("... and then input one character:");
keydown("b");
shouldBe('input.value', '"foo"');
debug("");
debug("Test on the input form with disabled=true and readonly=false");
setInputAttributes(input, "foo", disabled);
debug("Click the cancel button:");
click(cancelButtonPosition);
shouldBe('input.value', '"foo"');
debug("... and then input one character:");
keydown("b");
shouldBe('input.value', '"foo"');
setInputAttributes(input, "foo", disabled);
debug("Click the center of the form:");
click(middleButtonPosition);
shouldBe('input.value', '"foo"');
debug("... and then input one character:");
keydown("b");
shouldBe('input.value', '"foo"');
debug("");
debug("Test on the input form with disabled=true and readonly=true");
setInputAttributes(input, "foo", disabled, readonly);
debug("Click the cancel button:");
click(cancelButtonPosition);
shouldBe('input.value', '"foo"');
debug("... and then input one character:");
keydown("b");
shouldBe('input.value', '"foo"');
setInputAttributes(input, "foo", disabled, readonly);
debug("Click the center of the form:");
click(middleButtonPosition);
shouldBe('input.value', '"foo"');
debug("... and then input one character:");
keydown("b");
shouldBe('input.value', '"foo"');
debug("");
}
</script>
<script src="../js/resources/js-test-post.js"></script>
</body>
</html>
|
