| <!DOCTYPE html> |
| <html> |
| <body> |
| <script> |
| |
| function testShowAndHideEvents() { |
| // Keep original Date.now not to affect other code. |
| var originalDateNow = Date.now; |
| |
| // Initial value is 1 since 0 becomes false. |
| var currentTime = 1; |
| |
| // Overrides Date.now to simulate time. |
| Date.now = function() { return currentTime; }; |
| |
| var cmh = cr.ui.contextMenuHandler; |
| |
| // Create context menu. |
| var menu = document.createElement('div'); |
| cr.ui.decorate(menu, cr.ui.Menu); |
| document.body.appendChild(menu); |
| |
| var menuItem = document.createElement('div'); |
| menu.addMenuItem(menuItem); |
| |
| // Create target elements. |
| var elem1 = document.createElement('div'); |
| var elem2 = document.createElement('div'); |
| |
| cmh.setContextMenu(elem1, menu); |
| cmh.setContextMenu(elem2, menu); |
| |
| var events = []; |
| cmh.addEventListener('show', function(e) { events.push(e); }); |
| cmh.addEventListener('hide', function(e) { events.push(e); }); |
| |
| // Show context menu of elem1. |
| elem1.dispatchEvent(new MouseEvent('contextmenu')); |
| assertEquals(1, events.length); |
| assertEquals('show', events[0].type); |
| assertEquals(elem1, events[0].element); |
| assertEquals(menu, events[0].menu); |
| |
| // Show context menu of elem2. |
| document.dispatchEvent(new MouseEvent('mousedown')); |
| |
| // On Windows to prevent context menu show again by mouse right button up, |
| // we need to wait at least 50ms from the last hide of context menu. |
| currentTime += 51; // ms |
| |
| elem2.dispatchEvent(new MouseEvent('contextmenu')); |
| assertEquals(3, events.length); |
| assertEquals('hide', events[1].type); |
| assertEquals(elem1, events[1].element); |
| assertEquals(menu, events[1].menu); |
| assertEquals('show', events[2].type); |
| assertEquals(elem2, events[2].element); |
| assertEquals(menu, events[2].menu); |
| |
| Date.now = originalDateNow; |
| } |
| |
| </script> |
| </body> |
| </html> |
