| // Copyright 2014 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| (function() { |
| |
| 'use strict'; |
| |
| var onShow = null; |
| var onHide = null; |
| var menuButton = null; |
| |
| module('MenuButton', { |
| setup: function() { |
| var fixture = document.getElementById('qunit-fixture'); |
| fixture.innerHTML = |
| '<span class="menu-button" id="menu-button-container">' + |
| '<button class="menu-button-activator">Click me</button>' + |
| '<ul>' + |
| '<li id="menu-option-1">Option 1</li>' + |
| '</ul>' + |
| '</span>'; |
| onShow = sinon.spy(); |
| onHide = sinon.spy(); |
| menuButton = new remoting.MenuButton( |
| document.getElementById('menu-button-container'), |
| onShow, onHide); |
| }, |
| teardown: function() { |
| onShow = null; |
| onHide = null; |
| menuButton = null; |
| } |
| }); |
| |
| test('should display on click', function() { |
| var menu = menuButton.menu(); |
| ok(menu.offsetWidth == 0 && menu.offsetHeight == 0); |
| menuButton.button().click(); |
| ok(menu.offsetWidth != 0 && menu.offsetHeight != 0); |
| }); |
| |
| test('should dismiss when <body> is clicked', function() { |
| var menu = menuButton.menu(); |
| menuButton.button().click(); |
| document.body.click(); |
| ok(menu.offsetWidth == 0 && menu.offsetHeight == 0); |
| }); |
| |
| /* |
| TODO(jamiewalch): Reinstate this once MenuButton is fixed properly. |
| test('should dismiss when button is clicked', function() { |
| var menu = menuButton.menu(); |
| menuButton.button().click(); |
| menuButton.button().click(); |
| ok(menu.offsetWidth == 0 && menu.offsetHeight == 0); |
| }); |
| */ |
| |
| test('should dismiss when menu item is clicked', function() { |
| var menu = menuButton.menu(); |
| menuButton.button().click(); |
| var element = document.getElementById('menu-option-1'); |
| element.click(); |
| ok(menu.offsetWidth == 0 && menu.offsetHeight == 0); |
| }); |
| |
| test('should invoke callbacks', function() { |
| ok(!onShow.called); |
| menuButton.button().click(); |
| ok(onShow.called); |
| ok(!onHide.called); |
| document.body.click(); |
| ok(onHide.called); |
| }); |
| |
| test('select method should set/unset background image', function() { |
| var element = document.getElementById('menu-option-1'); |
| var style = window.getComputedStyle(element); |
| ok(style.backgroundImage == 'none'); |
| remoting.MenuButton.select(element, true); |
| style = window.getComputedStyle(element); |
| ok(style.backgroundImage != 'none'); |
| remoting.MenuButton.select(element, false); |
| style = window.getComputedStyle(element); |
| ok(style.backgroundImage == 'none'); |
| }); |
| |
| }()); |
