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 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
53 var A_05_01_04_T02 = async_test('A_05_01_04_T02'); | 53 var A_05_01_04_T02 = async_test('A_05_01_04_T02'); |
54 | 54 |
55 A_05_01_04_T02.step(unit(function (ctx) { | 55 A_05_01_04_T02.step(unit(function (ctx) { |
56 var d = newRenderedHTMLDocument(ctx); | 56 var d = newRenderedHTMLDocument(ctx); |
57 var invoked = false; | 57 var invoked = false; |
58 roots = createTestMediaPlayer(d); | 58 roots = createTestMediaPlayer(d); |
59 | 59 |
60 //expected result of what relative target should be see | 60 //expected result of what relative target should be see |
61 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 61 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
62 | 62 |
63 //For #volume-shadow-root relative target is #volume-slider-thumb | 63 //For #volume-shadow-host relative target is #volume-shadow-host |
64 roots.volumeShadowRoot.addEventListener('click', | 64 roots.playerShadowRoot.querySelector('#volume-shadow-host').addEventListener
('click', |
65 A_05_01_04_T02.step_func(function (event) { | 65 A_05_01_04_T02.step_func(function (event) { |
66 invoked = true; | 66 invoked = true; |
67 » assert_equals(event.target.getAttribute('id'), 'volume-slider-th
umb', | 67 » assert_equals(event.target.getAttribute('id'), 'volume-shadow-ho
st', |
68 'Wrong related target'); | 68 'Wrong related target'); |
69 }), false); | 69 }), false); |
70 | 70 |
71 var event = d.createEvent('HTMLEvents'); | 71 var event = d.createEvent('HTMLEvents'); |
72 event.initEvent ("click", true, false); | 72 event.initEvent ("click", true, false); |
73 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 73 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
74 | 74 |
75 assert_true(invoked, 'Event listener was not invoked'); | 75 assert_true(invoked, 'Event listener was not invoked'); |
76 | 76 |
77 A_05_01_04_T02.done(); | 77 A_05_01_04_T02.done(); |
78 })); | 78 })); |
79 | 79 |
80 | 80 |
81 | 81 |
82 | 82 |
83 var A_05_01_04_T03 = async_test('A_05_01_04_T03'); | 83 var A_05_01_04_T03 = async_test('A_05_01_04_T03'); |
84 | 84 |
85 A_05_01_04_T03.step(unit(function (ctx) { | 85 A_05_01_04_T03.step(unit(function (ctx) { |
86 var d = newRenderedHTMLDocument(ctx); | 86 var d = newRenderedHTMLDocument(ctx); |
87 var invoked = false; | 87 var invoked = false; |
88 roots = createTestMediaPlayer(d); | 88 roots = createTestMediaPlayer(d); |
89 | 89 |
90 //expected result of what relative target should be see | 90 //expected result of what relative target should be see |
91 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 91 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
92 | 92 |
93 //For #volume-slider relative target is #volume-slider | 93 //For #volume-slider relative target is #volume-shadow-host |
94 roots.playerShadowRoot.querySelector('#volume-slider').addEventListener('cli
ck', | 94 roots.playerShadowRoot.querySelector('#volume-slider').addEventListener('cli
ck', |
95 A_05_01_04_T03.step_func(function (event) { | 95 A_05_01_04_T03.step_func(function (event) { |
96 invoked = true; | 96 invoked = true; |
97 » assert_equals(event.target.getAttribute('id'), 'volume-slider', | 97 » assert_equals(event.target.getAttribute('id'), 'volume-shadow-ho
st', |
98 'Wrong related target'); | 98 'Wrong related target'); |
99 }), false); | 99 }), false); |
100 | 100 |
101 var event = d.createEvent('HTMLEvents'); | 101 var event = d.createEvent('HTMLEvents'); |
102 event.initEvent ("click", true, false); | 102 event.initEvent ("click", true, false); |
103 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 103 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
104 | 104 |
105 assert_true(invoked, 'Event listener was not invoked'); | 105 assert_true(invoked, 'Event listener was not invoked'); |
106 | 106 |
107 A_05_01_04_T03.done(); | 107 A_05_01_04_T03.done(); |
108 })); | 108 })); |
109 | 109 |
110 | 110 |
111 var A_05_01_04_T04 = async_test('A_05_01_04_T04'); | 111 var A_05_01_04_T04 = async_test('A_05_01_04_T04'); |
112 | 112 |
113 A_05_01_04_T04.step(unit(function (ctx) { | 113 A_05_01_04_T04.step(unit(function (ctx) { |
114 var d = newRenderedHTMLDocument(ctx); | 114 var d = newRenderedHTMLDocument(ctx); |
115 var invoked = false; | 115 var invoked = false; |
116 roots = createTestMediaPlayer(d); | 116 roots = createTestMediaPlayer(d); |
117 | 117 |
118 //expected result of what relative target should be see | 118 //expected result of what relative target should be see |
119 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 119 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
120 | 120 |
121 //For #volume-slider-container relative target is #volume-slider | 121 //For #volume-slider-container relative target is #volume-shadow-host |
122 roots.playerShadowRoot.querySelector('#volume-slider-container').addEventLis
tener('click', | 122 roots.playerShadowRoot.querySelector('#volume-slider-container').addEventLis
tener('click', |
123 A_05_01_04_T04.step_func(function (event) { | 123 A_05_01_04_T04.step_func(function (event) { |
124 invoked = true; | 124 invoked = true; |
125 » » assert_equals(event.target.getAttribute('id'), 'volume-s
lider', | 125 » » assert_equals(event.target.getAttribute('id'), 'volume-s
hadow-host', |
126 'Wrong related target'); | 126 'Wrong related target'); |
127 }), false); | 127 }), false); |
128 | 128 |
129 var event = d.createEvent('HTMLEvents'); | 129 var event = d.createEvent('HTMLEvents'); |
130 event.initEvent ("click", true, false); | 130 event.initEvent ("click", true, false); |
131 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 131 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
132 | 132 |
133 assert_true(invoked, 'Event listener was not invoked'); | 133 assert_true(invoked, 'Event listener was not invoked'); |
134 | 134 |
135 A_05_01_04_T04.done(); | 135 A_05_01_04_T04.done(); |
136 })); | 136 })); |
137 | 137 |
138 | 138 |
139 var A_05_01_04_T05 = async_test('A_05_01_04_T05'); | 139 var A_05_01_04_T05 = async_test('A_05_01_04_T05'); |
140 | 140 |
141 A_05_01_04_T05.step(unit(function (ctx) { | 141 A_05_01_04_T05.step(unit(function (ctx) { |
142 var d = newRenderedHTMLDocument(ctx); | 142 var d = newRenderedHTMLDocument(ctx); |
143 var invoked = false; | 143 var invoked = false; |
144 roots = createTestMediaPlayer(d); | 144 roots = createTestMediaPlayer(d); |
145 | 145 |
146 //expected result of what relative target should be see | 146 //expected result of what relative target should be see |
147 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 147 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
148 | 148 |
149 //For #controls relative target is #volume-slider | 149 //For #controls relative target is #volume-shadow-host |
150 roots.playerShadowRoot.querySelector('#controls').addEventListener('click', | 150 roots.playerShadowRoot.querySelector('#controls').addEventListener('click', |
151 A_05_01_04_T05.step_func(function (event) { | 151 A_05_01_04_T05.step_func(function (event) { |
152 invoked = true; | 152 invoked = true; |
153 » » assert_equals(event.target.getAttribute('id'), 'volume-s
lider', | 153 » » assert_equals(event.target.getAttribute('id'), 'volume-s
hadow-host', |
154 'Wrong related target'); | 154 'Wrong related target'); |
155 }), false); | 155 }), false); |
156 | 156 |
157 var event = d.createEvent('HTMLEvents'); | 157 var event = d.createEvent('HTMLEvents'); |
158 event.initEvent ("click", true, false); | 158 event.initEvent ("click", true, false); |
159 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 159 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
160 | 160 |
161 assert_true(invoked, 'Event listener was not invoked'); | 161 assert_true(invoked, 'Event listener was not invoked'); |
162 | 162 |
163 A_05_01_04_T05.done(); | 163 A_05_01_04_T05.done(); |
164 })); | 164 })); |
165 | 165 |
166 | 166 |
167 var A_05_01_04_T06 = async_test('A_05_01_04_T06'); | 167 var A_05_01_04_T06 = async_test('A_05_01_04_T06'); |
168 | 168 |
169 A_05_01_04_T06.step(unit(function (ctx) { | 169 A_05_01_04_T06.step(unit(function (ctx) { |
170 var d = newRenderedHTMLDocument(ctx); | 170 var d = newRenderedHTMLDocument(ctx); |
171 var invoked = false; | 171 var invoked = false; |
172 roots = createTestMediaPlayer(d); | 172 roots = createTestMediaPlayer(d); |
173 | 173 |
174 //expected result of what relative target should be see | 174 //expected result of what relative target should be see |
175 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 175 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
176 | 176 |
177 //For #player-shadow-root relative target is #volume-slider | 177 //For #player-shadow-host relative target is #player-shadow-host |
178 roots.playerShadowRoot.addEventListener('click', | 178 roots.playerShadowRoot.addEventListener('click', |
179 A_05_01_04_T06.step_func(function (event) { | 179 A_05_01_04_T06.step_func(function (event) { |
180 invoked = true; | 180 invoked = true; |
181 » » assert_equals(event.target.getAttribute('id'), 'volume-s
lider', | 181 » » assert_equals(event.target.getAttribute('id'), 'volume-s
hadow-host', |
182 'Wrong related target'); | 182 'Wrong related target'); |
183 }), false); | 183 }), false); |
184 | 184 |
185 var event = d.createEvent('HTMLEvents'); | 185 var event = d.createEvent('HTMLEvents'); |
186 event.initEvent ("click", true, false); | 186 event.initEvent ("click", true, false); |
187 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); | 187 roots.volumeShadowRoot.querySelector('#volume-slider-thumb').dispatchEvent(e
vent); |
188 | 188 |
189 assert_true(invoked, 'Event listener was not invoked'); | 189 assert_true(invoked, 'Event listener was not invoked'); |
190 | 190 |
191 A_05_01_04_T06.done(); | 191 A_05_01_04_T06.done(); |
192 })); | 192 })); |
193 | 193 |
194 | 194 |
195 | 195 |
196 var A_05_01_04_T07 = async_test('A_05_01_04_T07'); | 196 var A_05_01_04_T07 = async_test('A_05_01_04_T07'); |
197 | 197 |
198 A_05_01_04_T07.step(unit(function (ctx) { | 198 A_05_01_04_T07.step(unit(function (ctx) { |
199 var d = newRenderedHTMLDocument(ctx); | 199 var d = newRenderedHTMLDocument(ctx); |
200 var invoked = false; | 200 var invoked = false; |
201 roots = createTestMediaPlayer(d); | 201 roots = createTestMediaPlayer(d); |
202 | 202 |
203 //expected result of what relative target should be see | 203 //expected result of what relative target should be see |
204 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 204 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
205 | 205 |
206 //For #player relative target is #player | 206 //For #player relative target is #player-shadow-host |
207 d.querySelector('#player').addEventListener('click', | 207 d.querySelector('#player').addEventListener('click', |
208 A_05_01_04_T07.step_func(function (event) { | 208 A_05_01_04_T07.step_func(function (event) { |
209 invoked = true; | 209 invoked = true; |
210 » » assert_equals(event.target.getAttribute('id'), 'player', | 210 » » assert_equals(event.target.getAttribute('id'), 'player-s
hadow-host', |
211 'Wrong related target'); | 211 'Wrong related target'); |
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_01_04_T07.done(); | 220 A_05_01_04_T07.done(); |
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
337 var A_05_01_04_T12 = async_test('A_05_01_04_T12'); | 337 var A_05_01_04_T12 = async_test('A_05_01_04_T12'); |
338 | 338 |
339 A_05_01_04_T12.step(unit(function (ctx) { | 339 A_05_01_04_T12.step(unit(function (ctx) { |
340 var d = newRenderedHTMLDocument(ctx); | 340 var d = newRenderedHTMLDocument(ctx); |
341 var invoked = false; | 341 var invoked = false; |
342 roots = createTestMediaPlayer(d); | 342 roots = createTestMediaPlayer(d); |
343 | 343 |
344 //expected result of what relative target should be see | 344 //expected result of what relative target should be see |
345 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example | 345 //see at http://www.w3.org/TR/shadow-dom/#event-retargeting-example |
346 | 346 |
347 //For #player relative target is #player | 347 //For #player relative target is #player-shadow-host |
348 d.querySelector('#player').addEventListener('click', | 348 d.querySelector('#player').addEventListener('click', |
349 A_05_01_04_T12.step_func(function (event) { | 349 A_05_01_04_T12.step_func(function (event) { |
350 invoked = true; | 350 invoked = true; |
351 » » assert_equals(event.target.getAttribute('id'), 'player', | 351 » » assert_equals(event.target.getAttribute('id'), 'player-s
hadow-host', |
352 'Wrong related target'); | 352 'Wrong related target'); |
353 }), false); | 353 }), false); |
354 | 354 |
355 var event = d.createEvent('HTMLEvents'); | 355 var event = d.createEvent('HTMLEvents'); |
356 event.initEvent ("click", true, false); | 356 event.initEvent ("click", true, false); |
357 roots.playerShadowRoot.querySelector('#volume-slider').dispatchEvent(event); | 357 roots.playerShadowRoot.querySelector('#volume-slider').dispatchEvent(event); |
358 | 358 |
359 assert_true(invoked, 'Event listener was not invoked'); | 359 assert_true(invoked, 'Event listener was not invoked'); |
360 | 360 |
361 A_05_01_04_T12.done(); | 361 A_05_01_04_T12.done(); |
362 })); | 362 })); |
363 </script> | 363 </script> |
364 </body> | 364 </body> |
365 </html> | 365 </html> |
OLD | NEW |