OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Distributed under both the W3C Test Suite License [1] and the W3C | 3 Distributed under both the W3C Test Suite License [1] and the W3C |
4 3-clause BSD License [2]. To contribute to a W3C Test Suite, see the | 4 3-clause BSD License [2]. To contribute to a W3C Test Suite, see the |
5 policies and contribution forms [3]. | 5 policies and contribution forms [3]. |
6 | 6 |
7 [1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license | 7 [1] http://www.w3.org/Consortium/Legal/2008/04-testsuite-license |
8 [2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license | 8 [2] http://www.w3.org/Consortium/Legal/2008/03-bsd-license |
9 [3] http://www.w3.org/2004/10/27-testcases | 9 [3] http://www.w3.org/2004/10/27-testcases |
10 --> | 10 --> |
(...skipping 17 matching lines...) Expand all Loading... |
28 | 28 |
29 var d = newRenderedHTMLDocument(ctx); | 29 var d = newRenderedHTMLDocument(ctx); |
30 | 30 |
31 var invoked = false; | 31 var invoked = false; |
32 | 32 |
33 roots = createTestMediaPlayer(d); | 33 roots = createTestMediaPlayer(d); |
34 | 34 |
35 //expected result of what relative target should be see | 35 //expected result of what relative target should be see |
36 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 36 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
37 | 37 |
38 //For #volume-slider-thumb relative target» #volume-slider-thumb | 38 //For #volume-slider-thumb relative target #volume-slider-thumb |
39 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').addEventListene
r('click', | 39 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').addEventListene
r('click', |
40 A_05_05_01_T01.step_func(function(event) { | 40 A_05_05_01_T01.step_func(function(event) { |
41 invoked = true; | 41 invoked = true; |
42 assert_equals(event.target.getAttribute('id'), 'volume-slider-th
umb', | 42 assert_equals(event.target.getAttribute('id'), 'volume-slider-th
umb', |
43 'Point 1: Wrong target'); | 43 'Point 1: Wrong target'); |
44 assert_equals(event.currentTarget.getAttribute('id'), 'volume-sl
ider-thumb', | 44 assert_equals(event.currentTarget.getAttribute('id'), 'volume-sl
ider-thumb', |
45 'Point 1: Wrong currentTarget'); | 45 'Point 1: Wrong currentTarget'); |
46 }), false); | 46 }), false); |
47 | 47 |
48 var event = d.createEvent('HTMLEvents'); | 48 var event = d.createEvent('HTMLEvents'); |
(...skipping 12 matching lines...) Expand all Loading... |
61 | 61 |
62 var d = newRenderedHTMLDocument(ctx); | 62 var d = newRenderedHTMLDocument(ctx); |
63 | 63 |
64 var invoked = false; | 64 var invoked = false; |
65 | 65 |
66 roots = createTestMediaPlayer(d); | 66 roots = createTestMediaPlayer(d); |
67 | 67 |
68 //expected result of what relative target should be see | 68 //expected result of what relative target should be see |
69 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 69 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
70 | 70 |
71 //For #volume-shadow-root relative target» #volume-slider-thumb | 71 //For #volume-shadow-root relative target #volume-slider-thumb |
72 roots.volumeShadowRoot.addEventListener('click', | 72 roots.volumeShadowRoot.addEventListener('click', |
73 A_05_05_01_T02.step_func(function(event) { | 73 A_05_05_01_T02.step_func(function(event) { |
74 invoked = true; | 74 invoked = true; |
75 assert_equals(event.target.getAttribute('id'), 'volume-s
lider-thumb', | 75 assert_equals(event.target.getAttribute('id'), 'volume-s
lider-thumb', |
76 'Wrong target'); | 76 'Wrong target'); |
77 assert_true(event.currentTarget == roots.volumeShadowRoo
t, | 77 assert_true(event.currentTarget == roots.volumeShadowRoo
t, |
78 'Wrong currentTarget'); | 78 'Wrong currentTarget'); |
79 }), false); | 79 }), false); |
80 | 80 |
81 var event = d.createEvent('HTMLEvents'); | 81 var event = d.createEvent('HTMLEvents'); |
(...skipping 12 matching lines...) Expand all Loading... |
94 | 94 |
95 var d = newRenderedHTMLDocument(ctx); | 95 var d = newRenderedHTMLDocument(ctx); |
96 | 96 |
97 var invoked = false; | 97 var invoked = false; |
98 | 98 |
99 roots = createTestMediaPlayer(d); | 99 roots = createTestMediaPlayer(d); |
100 | 100 |
101 //expected result of what relative target should be see | 101 //expected result of what relative target should be see |
102 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 102 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
103 | 103 |
104 //For #volume-slider relative target #volume-slider | 104 //For #volume-slider relative target #volume-shadow-host |
105 roots.playerShadowRoot.querySelector('#volume-slider').addEventListener('cli
ck', | 105 roots.playerShadowRoot.querySelector('#volume-slider').addEventListener('cli
ck', |
106 A_05_05_01_T03.step_func(function(event) { | 106 A_05_05_01_T03.step_func(function(event) { |
107 invoked = true; | 107 invoked = true; |
108 » » » assert_equals(event.target.getAttribute('id'), 'volume-s
lider', | 108 » » » assert_equals(event.target.getAttribute('id'), 'volume-s
hadow-host', |
109 'Wrong target'); | 109 'Wrong target'); |
110 » » » assert_true(event.currentTarget.getAttribute('id'), 'vol
ume-slider', | 110 » » » assert_equals(event.currentTarget.getAttribute('id'), 'v
olume-slider', |
111 'Wrong currentTarget'); | 111 'Wrong currentTarget'); |
112 }), false); | 112 }), false); |
113 | 113 |
114 var event = d.createEvent('HTMLEvents'); | 114 var event = d.createEvent('HTMLEvents'); |
115 event.initEvent ('click', true, false); | 115 event.initEvent ('click', true, false); |
116 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 116 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
117 | 117 |
118 assert_true(invoked, 'Event listener was not invoked'); | 118 assert_true(invoked, 'Event listener was not invoked'); |
119 | 119 |
120 A_05_05_01_T03.done(); | 120 A_05_05_01_T03.done(); |
121 })); | 121 })); |
122 | 122 |
123 | 123 |
124 | 124 |
125 var A_05_05_01_T04 = async_test('A_05_05_01_T04'); | 125 var A_05_05_01_T04 = async_test('A_05_05_01_T04'); |
126 | 126 |
127 A_05_05_01_T04.step(unit(function (ctx) { | 127 A_05_05_01_T04.step(unit(function (ctx) { |
128 | 128 |
129 var d = newRenderedHTMLDocument(ctx); | 129 var d = newRenderedHTMLDocument(ctx); |
130 | 130 |
131 var invoked = false; | 131 var invoked = false; |
132 | 132 |
133 roots = createTestMediaPlayer(d); | 133 roots = createTestMediaPlayer(d); |
134 | 134 |
135 //expected result of what relative target should be see | 135 //expected result of what relative target should be see |
136 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 136 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
137 | 137 |
138 //For #volume-slider-container relative target #volume-slider | 138 //For #volume-slider-container relative target #volume-shadow-host |
139 roots.playerShadowRoot.querySelector('#volume-slider-container').addEventLis
tener('click', | 139 roots.playerShadowRoot.querySelector('#volume-slider-container').addEventLis
tener('click', |
140 A_05_05_01_T04.step_func(function(event) { | 140 A_05_05_01_T04.step_func(function(event) { |
141 invoked = true; | 141 invoked = true; |
142 » » » assert_equals(event.target.getAttribute('id'), 'volume-s
lider', | 142 » » » assert_equals(event.target.getAttribute('id'), 'volume-s
hadow-host', |
143 'Wrong target'); | 143 'Wrong target'); |
144 » » » assert_true(event.currentTarget.getAttribute('id'), 'vol
ume-slider', | 144 » » » assert_equals(event.currentTarget.getAttribute('id'), 'v
olume-slider-container', |
145 'Wrong currentTarget'); | 145 'Wrong currentTarget'); |
146 }), false); | 146 }), false); |
147 | 147 |
148 var event = d.createEvent('HTMLEvents'); | 148 var event = d.createEvent('HTMLEvents'); |
149 event.initEvent ('click', true, false); | 149 event.initEvent ('click', true, false); |
150 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 150 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
151 | 151 |
152 assert_true(invoked, 'Event listener was not invoked'); | 152 assert_true(invoked, 'Event listener was not invoked'); |
153 | 153 |
154 A_05_05_01_T04.done(); | 154 A_05_05_01_T04.done(); |
155 })); | 155 })); |
156 | 156 |
157 | 157 |
158 var A_05_05_01_T05 = async_test('A_05_05_01_T05'); | 158 var A_05_05_01_T05 = async_test('A_05_05_01_T05'); |
159 | 159 |
160 A_05_05_01_T05.step(unit(function (ctx) { | 160 A_05_05_01_T05.step(unit(function (ctx) { |
161 | 161 |
162 var d = newRenderedHTMLDocument(ctx); | 162 var d = newRenderedHTMLDocument(ctx); |
163 | 163 |
164 var invoked = false; | 164 var invoked = false; |
165 | 165 |
166 roots = createTestMediaPlayer(d); | 166 roots = createTestMediaPlayer(d); |
167 | 167 |
168 //expected result of what relative target should be see | 168 //expected result of what relative target should be see |
169 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 169 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
170 | 170 |
171 //For #controls relative target #volume-slider | 171 //For #controls relative target #volume-shadow-host |
172 roots.playerShadowRoot.querySelector('#controls').addEventListener('click', | 172 roots.playerShadowRoot.querySelector('#controls').addEventListener('click', |
173 A_05_05_01_T05.step_func(function(event) { | 173 A_05_05_01_T05.step_func(function(event) { |
174 invoked = true; | 174 invoked = true; |
175 » » » assert_equals(event.target.getAttribute('id'), 'volume-s
lider', | 175 » » » assert_equals(event.target.getAttribute('id'), 'volume-s
hadow-host', |
176 'Wrong target'); | 176 'Wrong target'); |
177 » » » assert_true(event.currentTarget.getAttribute('id'), 'vol
ume-slider', | 177 » » » assert_equals(event.currentTarget.getAttribute('id'), 'c
ontrols', |
178 'Wrong currentTarget'); | 178 'Wrong currentTarget'); |
179 }), false); | 179 }), false); |
180 | 180 |
181 var event = d.createEvent('HTMLEvents'); | 181 var event = d.createEvent('HTMLEvents'); |
182 event.initEvent ('click', true, false); | 182 event.initEvent ('click', true, false); |
183 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 183 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
184 | 184 |
185 assert_true(invoked, 'Event listener was not invoked'); | 185 assert_true(invoked, 'Event listener was not invoked'); |
186 | 186 |
187 A_05_05_01_T05.done(); | 187 A_05_05_01_T05.done(); |
188 })); | 188 })); |
189 | 189 |
190 | 190 |
191 var A_05_05_01_T06 = async_test('A_05_05_01_T06'); | 191 var A_05_05_01_T06 = async_test('A_05_05_01_T06'); |
192 | 192 |
193 A_05_05_01_T06.step(unit(function (ctx) { | 193 A_05_05_01_T06.step(unit(function (ctx) { |
194 | 194 |
195 var d = newRenderedHTMLDocument(ctx); | 195 var d = newRenderedHTMLDocument(ctx); |
196 | 196 |
197 var invoked = false; | 197 var invoked = false; |
198 | 198 |
199 roots = createTestMediaPlayer(d); | 199 roots = createTestMediaPlayer(d); |
200 | 200 |
201 //expected result of what relative target should be see | 201 //expected result of what relative target should be see |
202 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 202 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
203 | 203 |
204 //For #player-shadow-root relative target #volume-slider | 204 //For #player-shadow-host relative target #player-shadow-host |
205 roots.playerShadowRoot.addEventListener('click', | 205 d.querySelector('#player-shadow-host').addEventListener('click', |
206 A_05_05_01_T06.step_func(function(event) { | 206 A_05_05_01_T06.step_func(function(event) { |
207 invoked = true; | 207 invoked = true; |
208 » » » assert_equals(event.target.getAttribute('id'), 'volume-s
lider', | 208 » » » assert_equals(event.target.getAttribute('id'), 'player-s
hadow-host', |
209 'Wrong target'); | 209 'Wrong target'); |
210 » » » assert_true(event.currentTarget.getAttribute('id'), 'vol
ume-slider', | 210 » » » assert_equals(event.currentTarget.getAttribute('id'), 'p
layer-shadow-host', |
211 'Wrong currentTarget'); | 211 'Wrong currentTarget'); |
212 }), false); | 212 }), false); |
213 | 213 |
214 var event = d.createEvent('HTMLEvents'); | 214 var event = d.createEvent('HTMLEvents'); |
215 event.initEvent ('click', true, false); | 215 event.initEvent ('click', true, false); |
216 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 216 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
217 | 217 |
218 assert_true(invoked, 'Event listener was not invoked'); | 218 assert_true(invoked, 'Event listener was not invoked'); |
219 | 219 |
220 A_05_05_01_T06.done(); | 220 A_05_05_01_T06.done(); |
221 })); | 221 })); |
222 | 222 |
223 | 223 |
224 | 224 |
225 var A_05_05_01_T07 = async_test('A_05_05_01_T07'); | 225 var A_05_05_01_T07 = async_test('A_05_05_01_T07'); |
226 | 226 |
227 A_05_05_01_T07.step(unit(function (ctx) { | 227 A_05_05_01_T07.step(unit(function (ctx) { |
228 | 228 |
229 var d = newRenderedHTMLDocument(ctx); | 229 var d = newRenderedHTMLDocument(ctx); |
230 | 230 |
231 var invoked = false; | 231 var invoked = false; |
232 | 232 |
233 roots = createTestMediaPlayer(d); | 233 roots = createTestMediaPlayer(d); |
234 | 234 |
235 //expected result of what relative target should be see | 235 //expected result of what relative target should be see |
236 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 236 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
237 | 237 |
238 //For #player relative target #player | 238 //For #player relative target #player-shadow-host |
239 d.querySelector('#player').addEventListener('click', | 239 d.querySelector('#player').addEventListener('click', |
240 A_05_05_01_T07.step_func(function(event) { | 240 A_05_05_01_T07.step_func(function(event) { |
241 invoked = true; | 241 invoked = true; |
242 » » » assert_equals(event.target.getAttribute('id'), 'player', | 242 » » » assert_equals(event.target.getAttribute('id'), 'player-s
hadow-host', |
243 'Wrong target'); | 243 'Wrong target'); |
244 » » » assert_true(event.currentTarget.getAttribute('id'), 'pla
yer', | 244 » » » assert_equals(event.currentTarget.getAttribute('id'), 'p
layer', |
245 'Wrong currentTarget'); | 245 'Wrong currentTarget'); |
246 }), false); | 246 }), false); |
247 | 247 |
248 var event = d.createEvent('HTMLEvents'); | 248 var event = d.createEvent('HTMLEvents'); |
249 event.initEvent ('click', true, false); | 249 event.initEvent ('click', true, false); |
250 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 250 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
251 | 251 |
252 assert_true(invoked, 'Event listener was not invoked'); | 252 assert_true(invoked, 'Event listener was not invoked'); |
253 | 253 |
254 A_05_05_01_T07.done(); | 254 A_05_05_01_T07.done(); |
255 })); | 255 })); |
256 </script> | 256 </script> |
257 </body> | 257 </body> |
258 </html> | 258 </html> |
OLD | NEW |