| OLD | NEW |
| 1 // Copyright 2016 The Chromium Authors. All rights reserved. | 1 // Copyright 2016 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 /** @fileoverview Tests for settings-action-menu element. */ | 5 /** @fileoverview Tests for settings-action-menu element. */ |
| 6 suite('SettingsActionMenu', function() { | 6 suite('SettingsActionMenu', function() { |
| 7 /** @type {?SettingsActionMenuElement} */ | 7 /** @type {?SettingsActionMenuElement} */ |
| 8 var menu = null; | 8 var menu = null; |
| 9 | 9 |
| 10 /** @type {?NodeList<HTMLElement>} */ | 10 /** @type {?NodeList<HTMLElement>} */ |
| 11 var items = null; | 11 var items = null; |
| 12 | 12 |
| 13 setup(function() { | 13 setup(function() { |
| 14 PolymerTest.clearBody(); | 14 PolymerTest.clearBody(); |
| 15 | 15 |
| 16 document.body.innerHTML = ` | 16 document.body.innerHTML = ` |
| 17 <button id="dots">...</button> | 17 <button id="dots">...</button> |
| 18 <dialog is="settings-action-menu"> | 18 <dialog is="settings-action-menu"> |
| 19 <button class="dropdown-item">Un</button> | 19 <button class="dropdown-item">Un</button> |
| 20 <hr> |
| 20 <button class="dropdown-item">Dos</button> | 21 <button class="dropdown-item">Dos</button> |
| 21 <button class="dropdown-item">Tres</button> | 22 <button class="dropdown-item">Tres</button> |
| 22 </dialog> | 23 </dialog> |
| 23 `; | 24 `; |
| 24 | 25 |
| 25 menu = document.querySelector('dialog[is=settings-action-menu]'); | 26 menu = document.querySelector('dialog[is=settings-action-menu]'); |
| 26 items = menu.querySelectorAll('.dropdown-item'); | 27 items = menu.querySelectorAll('.dropdown-item'); |
| 27 assertEquals(3, items.length); | 28 assertEquals(3, items.length); |
| 28 }); | 29 }); |
| 29 | 30 |
| 30 teardown(function() { | 31 teardown(function() { |
| 31 if (menu.open) | 32 if (menu.open) |
| 32 menu.close(); | 33 menu.close(); |
| 33 }); | 34 }); |
| 34 | 35 |
| 35 test('focus after showing', function() { | 36 test('focus after showing', function() { |
| 36 /** @param {!HTMLElement} element */ | |
| 37 function assertFocused(element) { | |
| 38 assertEquals(element, menu.root.activeElement); | |
| 39 items.forEach(function(item, i) { | |
| 40 assertEquals(element === item, item.hasAttribute('autofocus')); | |
| 41 }); | |
| 42 } | |
| 43 | |
| 44 menu.showAt(document.querySelector('#dots')); | 37 menu.showAt(document.querySelector('#dots')); |
| 45 assertFocused(items[0]); | 38 assertEquals(menu.root.activeElement, items[0]); |
| 46 | 39 |
| 47 menu.close(); | 40 menu.close(); |
| 48 items[0].hidden = true; | 41 items[0].hidden = true; |
| 49 menu.showAt(document.querySelector('#dots')); | 42 menu.showAt(document.querySelector('#dots')); |
| 50 assertFocused(items[1]); | 43 assertEquals(menu.root.activeElement, items[1]); |
| 51 | 44 |
| 52 menu.close(); | 45 menu.close(); |
| 53 items[1].hidden = true; | 46 items[1].hidden = true; |
| 54 menu.showAt(document.querySelector('#dots')); | 47 menu.showAt(document.querySelector('#dots')); |
| 55 assertFocused(items[2]); | 48 assertEquals(menu.root.activeElement, items[2]); |
| 56 | 49 |
| 57 menu.close(); | 50 menu.close(); |
| 58 items[2].disabled = true; | 51 items[2].disabled = true; |
| 59 menu.showAt(document.querySelector('#dots')); | 52 menu.showAt(document.querySelector('#dots')); |
| 60 assertEquals(null, menu.root.activeElement); | 53 assertEquals(null, menu.root.activeElement); |
| 61 assertEquals(0, menu.querySelectorAll('[autofocus]').length); | |
| 62 }); | 54 }); |
| 63 | 55 |
| 64 test('focus after down/up arrow', function() { | 56 test('focus after down/up arrow', function() { |
| 65 function down() { | 57 function down() { |
| 66 MockInteractions.keyDownOn(menu, 'ArrowDown', [], 'ArrowDown'); | 58 MockInteractions.keyDownOn(menu, 'ArrowDown', [], 'ArrowDown'); |
| 67 } | 59 } |
| 68 | 60 |
| 69 function up() { | 61 function up() { |
| 70 MockInteractions.keyDownOn(menu, 'ArrowUp', [], 'ArrowUp'); | 62 MockInteractions.keyDownOn(menu, 'ArrowUp', [], 'ArrowUp'); |
| 71 } | 63 } |
| (...skipping 30 matching lines...) Expand all Loading... |
| 102 }); | 94 }); |
| 103 | 95 |
| 104 test('close on Tab', function() { | 96 test('close on Tab', function() { |
| 105 menu.showAt(document.querySelector('#dots')); | 97 menu.showAt(document.querySelector('#dots')); |
| 106 assertTrue(menu.open); | 98 assertTrue(menu.open); |
| 107 | 99 |
| 108 MockInteractions.keyDownOn(menu, 'Tab', [], 'Tab'); | 100 MockInteractions.keyDownOn(menu, 'Tab', [], 'Tab'); |
| 109 assertFalse(menu.open); | 101 assertFalse(menu.open); |
| 110 }); | 102 }); |
| 111 }); | 103 }); |
| OLD | NEW |