| 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 |