afef410a9995f45a4ffcbcf42808130cee1e27eb
[WebKit-https.git] / LayoutTests / fast / events / constructors / mouse-event-constructor.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="../../js/resources/js-test-pre.js"></script>
5 </head>
6 <body>
7 <script>
8
9 description("This tests the constructor for the MouseEvent DOM class.");
10
11 var testObject = {nyannyan: 123};
12 var testDiv = document.createElement("div");
13 var xhr = new XMLHttpRequest;
14
15 // No initializer is passed.
16 shouldBe("new MouseEvent('eventType').bubbles", "false");
17 shouldBe("new MouseEvent('eventType').cancelable", "false");
18 shouldBe("new MouseEvent('eventType').view", "null");
19 shouldBe("new MouseEvent('eventType').detail", "0");
20 shouldBe("new MouseEvent('eventType').screenX", "0");
21 shouldBe("new MouseEvent('eventType').screenY", "0");
22 shouldBe("new MouseEvent('eventType').clientX", "0");
23 shouldBe("new MouseEvent('eventType').clientY", "0");
24 shouldBe("new MouseEvent('eventType').ctrlKey", "false");
25 shouldBe("new MouseEvent('eventType').shiftKey", "false");
26 shouldBe("new MouseEvent('eventType').altKey", "false");
27 shouldBe("new MouseEvent('eventType').metaKey", "false");
28 shouldBe("new MouseEvent('eventType').button", "0");
29 shouldBe("new MouseEvent('eventType').relatedTarget", "null");
30
31 // bubbles is passed.
32 shouldBe("new MouseEvent('eventType', { bubbles: false }).bubbles", "false");
33 shouldBe("new MouseEvent('eventType', { bubbles: true }).bubbles", "true");
34
35 // cancelable is passed.
36 shouldBe("new MouseEvent('eventType', { cancelable: false }).cancelable", "false");
37 shouldBe("new MouseEvent('eventType', { cancelable: true }).cancelable", "true");
38
39 // view is passed.
40 // Window objects.
41 shouldBe("new MouseEvent('eventType', { view: window }).view", "window");
42 shouldBe("new MouseEvent('eventType', { view: this }).view", "this");
43
44 // Non-window objects.
45 shouldBe("new MouseEvent('eventType', { view: testObject }).view", "null");
46 shouldBe("new MouseEvent('eventType', { view: document }).view", "null");
47 shouldBe("new MouseEvent('eventType', { view: undefined }).view", "null");
48 shouldBe("new MouseEvent('eventType', { view: null }).view", "null");
49 shouldBe("new MouseEvent('eventType', { view: false }).view", "null");
50 shouldBe("new MouseEvent('eventType', { view: true }).view", "null");
51 shouldBe("new MouseEvent('eventType', { view: '' }).view", "null");
52 shouldBe("new MouseEvent('eventType', { view: 'chocolate' }).view", "null");
53 shouldBe("new MouseEvent('eventType', { view: 12345 }).view", "null");
54 shouldBe("new MouseEvent('eventType', { view: 18446744073709551615 }).view", "null");
55 shouldBe("new MouseEvent('eventType', { view: NaN }).view", "null");
56 // Note that valueOf() is not called, when the left hand side is evaluated.
57 shouldBeFalse("new MouseEvent('eventType', { view: {valueOf: function () { return window; } } }).view == window");
58 shouldBe("new MouseEvent('eventType', { get view() { return 123; } }).view", "null");
59 shouldThrow("new MouseEvent('eventType', { get view() { throw 'MouseEvent Error'; } })");
60
61 // detail, screenX, screenY, clientX and clientY are passed.
62 ["detail", "screenX", "screenY", "clientX", "clientY"].forEach(function (attr) {
63     // numbers within the long range.
64     shouldBe("new MouseEvent('eventType', { " + attr + ": 0 })." + attr, "0");
65     shouldBe("new MouseEvent('eventType', { " + attr + ": 2147483647 })." + attr, "2147483647");
66     shouldBe("new MouseEvent('eventType', { " + attr + ": -1 })." + attr, "-1");
67     shouldBe("new MouseEvent('eventType', { " + attr + ": -2147483648 })." + attr, "-2147483648");
68
69     // numbers out of the long range.
70     shouldBe("new MouseEvent('eventType', { " + attr + ": 4294967295 })." + attr, "-1");
71     // 2^{53}-1, the largest number that can be exactly represented by double.
72     shouldBe("new MouseEvent('eventType', { " + attr + ": 9007199254740991 })." + attr, "-1");
73     // 2^{64}-1
74     shouldBe("new MouseEvent('eventType', { " + attr + ": 18446744073709551615 })." + attr, "0");
75     shouldBe("new MouseEvent('eventType', { " + attr + ": 123.45 })." + attr, "123");
76     shouldBe("new MouseEvent('eventType', { " + attr + ": NaN })." + attr, "0");
77
78     // Non-numeric values.
79     shouldBe("new MouseEvent('eventType', { " + attr + ": undefined })." + attr, "0");
80     shouldBe("new MouseEvent('eventType', { " + attr + ": null })." + attr, "0");
81     shouldBe("new MouseEvent('eventType', { " + attr + ": '' })." + attr, "0");
82     shouldBe("new MouseEvent('eventType', { " + attr + ": '12345' })." + attr, "12345");
83     shouldBe("new MouseEvent('eventType', { " + attr + ": '12345a' })." + attr, "0");
84     shouldBe("new MouseEvent('eventType', { " + attr + ": 'abc' })." + attr, "0");
85     shouldBe("new MouseEvent('eventType', { " + attr + ": [] })." + attr, "0");
86     shouldBe("new MouseEvent('eventType', { " + attr + ": [12345] })." + attr, "12345");
87     shouldBe("new MouseEvent('eventType', { " + attr + ": [12345, 67890] })." + attr, "0");
88     shouldBe("new MouseEvent('eventType', { " + attr + ": {} })." + attr, "0");
89     shouldBe("new MouseEvent('eventType', { " + attr + ": {moemoe: 12345} })." + attr, "0");
90     shouldBe("new MouseEvent('eventType', { " + attr + ": {valueOf: function () { return 12345; }} })." + attr, "12345");
91 });
92
93 // ctrlKey, altKey, shiftKey and metaKey are passed.
94 ["ctrlKey", "altKey", "shiftKey", "metaKey"].forEach(function (attr) {
95     shouldBe("new MouseEvent('eventType', { " + attr + ": false })." + attr, "false");
96     shouldBe("new MouseEvent('eventType', { " + attr + ": true })." + attr, "true");
97 });
98
99 // button is passed.
100 // Numbers within the unsigned short range.
101 shouldBe("new MouseEvent('eventType', { button: 0 }).button", "0");
102 shouldBe("new MouseEvent('eventType', { button: 1 }).button", "1");
103 shouldBe("new MouseEvent('eventType', { button: 65534 }).button", "65534");
104
105 // Numbers that are equal to ((unsigned short)-1) should be treated as 0.
106 shouldBe("new MouseEvent('eventType', { button: 65535 }).button", "0");
107 shouldBe("new MouseEvent('eventType', { button: 9007199254740991 }).button", "0");
108 shouldBe("new MouseEvent('eventType', { button: -1 }).button", "0");
109
110 // Numbers out of the unsigned short range.
111 // 2^{64}-1
112 shouldBe("new MouseEvent('eventType', { button: 18446744073709551615 }).button", "0");
113 shouldBe("new MouseEvent('eventType', { button: 12345678901234567890 }).button", "2048");
114 shouldBe("new MouseEvent('eventType', { button: 123.45 }).button", "123");
115 shouldBe("new MouseEvent('eventType', { button: NaN }).button", "0");
116
117 // Non-numeric values.
118 shouldBe("new MouseEvent('eventType', { button: undefined }).button", "0");
119 shouldBe("new MouseEvent('eventType', { button: null }).button", "0");
120 shouldBe("new MouseEvent('eventType', { button: '' }).button", "0");
121 shouldBe("new MouseEvent('eventType', { button: '12345' }).button", "12345");
122 shouldBe("new MouseEvent('eventType', { button: '12345a' }).button", "0");
123 shouldBe("new MouseEvent('eventType', { button: 'abc' }).button", "0");
124 shouldBe("new MouseEvent('eventType', { button: [] }).button", "0");
125 shouldBe("new MouseEvent('eventType', { button: [12345] }).button", "12345");
126 shouldBe("new MouseEvent('eventType', { button: [12345, 67890] }).button", "0");
127 shouldBe("new MouseEvent('eventType', { button: {} }).button", "0");
128 shouldBe("new MouseEvent('eventType', { button: {moemoe: 12345} }).button", "0");
129 shouldBe("new MouseEvent('eventType', { button: {valueOf: function () { return 12345; }} }).button", "12345");
130
131 // relatedTarget is passed.
132 // Valid objects.
133 shouldBe("new MouseEvent('eventType', { relatedTarget: testDiv }).relatedTarget", "testDiv");
134 shouldBe("new MouseEvent('eventType', { relatedTarget: document }).relatedTarget", "document");
135 shouldBe("new MouseEvent('eventType', { relatedTarget: xhr }).relatedTarget", "xhr");
136 shouldBe("new MouseEvent('eventType', { relatedTarget: window }).relatedTarget", "window");
137
138 // Invalid objects.
139 shouldBe("new MouseEvent('eventType', { relatedTarget: testObject }).relatedTarget", "null");
140 shouldBe("new MouseEvent('eventType', { relatedTarget: undefined }).relatedTarget", "null");
141 shouldBe("new MouseEvent('eventType', { relatedTarget: null }).relatedTarget", "null");
142 shouldBe("new MouseEvent('eventType', { relatedTarget: false }).relatedTarget", "null");
143 shouldBe("new MouseEvent('eventType', { relatedTarget: true }).relatedTarget", "null");
144 shouldBe("new MouseEvent('eventType', { relatedTarget: '' }).relatedTarget", "null");
145 shouldBe("new MouseEvent('eventType', { relatedTarget: 'chocolate' }).relatedTarget", "null");
146 shouldBe("new MouseEvent('eventType', { relatedTarget: 12345 }).relatedTarget", "null");
147 shouldBe("new MouseEvent('eventType', { relatedTarget: 18446744073709551615 }).relatedTarget", "null");
148 shouldBe("new MouseEvent('eventType', { relatedTarget: NaN }).relatedTarget", "null");
149 // Note that valueOf() is not called, when the left hand side is evaluated.
150 shouldBeFalse("new MouseEvent('eventType', { relatedTarget: {valueOf: function () { return testDiv; } } }).relatedTarget == testDiv");
151 shouldBe("new MouseEvent('eventType', { get relatedTarget() { return 123; } }).relatedTarget", "null");
152 shouldThrow("new MouseEvent('eventType', { get relatedTarget() { throw 'MouseEvent Error'; } })");
153
154 // All initializers are passed.
155 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).bubbles", "true");
156 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).cancelable", "true");
157 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).view", "window");
158 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).detail", "111");
159 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).screenX", "222");
160 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).screenY", "333");
161 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).clientX", "444");
162 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).clientY", "555");
163 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).ctrlKey", "true");
164 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).shiftKey", "true");
165 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).altKey", "true");
166 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).metaKey", "true");
167 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).button", "666");
168 shouldBe("new MouseEvent('eventType', { bubbles: true, cancelable: true, view: window, detail: 111, screenX: 222, screenY: 333, clientX: 444, clientY: 555, ctrlKey: true, shiftKey: true, altKey: true, metaKey: true, button: 666, relatedTarget: testDiv }).relatedTarget", "testDiv");
169 </script>
170 <script src="../../js/resources/js-test-post.js"></script>
171 </body>
172 </html>