OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <body> |
| 3 <script src="../../js/resources/js-test-pre.js"></script> |
| 4 <label><input type="checkbox">Label for a checkbox</label> |
| 5 <script> |
| 6 description('Event order for a labeled control should be "focus" then "change"')
; |
| 7 var label = document.querySelector('label'); |
| 8 var checkbox = document.querySelector('input'); |
| 9 var focusCount = 0; |
| 10 var changeCount = 0; |
| 11 checkbox.addEventListener('focus', function() { |
| 12 debug('"focus" event has been dispatched.'); |
| 13 focusCount++; |
| 14 shouldBe('changeCount', '0'); |
| 15 }, false); |
| 16 checkbox.addEventListener('change', function() { |
| 17 debug('"change" event has been dispatched.'); |
| 18 changeCount++; |
| 19 shouldBe('focusCount', '1'); |
| 20 }, false); |
| 21 label.click(); |
| 22 label.remove(); |
| 23 </script> |
| 24 <script src="../../js/resources/js-test-post.js"></script> |
| 25 </body> |
OLD | NEW |