src/third_party/closure_library/closure/goog/ui/scrollfloater_test.js

// Copyright 2008 The Closure Library Authors. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS-IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

goog.provide('goog.ui.ScrollFloaterTest');
goog.setTestOnly('goog.ui.ScrollFloaterTest');

goog.require('goog.dom');
goog.require('goog.events');
goog.require('goog.style');
goog.require('goog.testing.jsunit');
goog.require('goog.ui.ScrollFloater');

function testScrollFloater() {
  var scrollFloater = new goog.ui.ScrollFloater();
  var floater = goog.dom.getElement('floater');
  scrollFloater.decorate(floater);

  assertTrue('Default state is enabled', scrollFloater.isScrollingEnabled());
  assertFalse('On unscrolled page should not be floating',
              scrollFloater.isFloating());

  scrollFloater.setScrollingEnabled(false);

  assertFalse('We can disable the floater',
              scrollFloater.isScrollingEnabled());
  scrollFloater.dispose();
}

function testScrollFloaterEvents() {
  var scrollFloater = new goog.ui.ScrollFloater();
  var floater = goog.dom.getElement('floater');
  scrollFloater.setContainerElement(goog.dom.getElement('container'));
  scrollFloater.decorate(floater);

  var floatWasCalled = false;
  var callRecorder = function() { floatWasCalled = true; };
  goog.events.listen(
      scrollFloater, goog.ui.ScrollFloater.EventType.FLOAT, callRecorder);
  scrollFloater.float_(goog.ui.ScrollFloater.FloatMode_.TOP);
  assertTrue('FLOAT event was called', floatWasCalled);
  assertTrue('Should be floating', scrollFloater.isFloating());
  assertFalse('Should not be pinned', scrollFloater.isPinned());

  var dockWasCalled = false;
  callRecorder = function() { dockWasCalled = true; };
  goog.events.listen(
      scrollFloater, goog.ui.ScrollFloater.EventType.DOCK, callRecorder);
  scrollFloater.dock_();
  assertTrue('DOCK event was called', dockWasCalled);
  assertFalse('Should not be floating', scrollFloater.isFloating());
  assertFalse('Should not be pinned', scrollFloater.isPinned());

  var pinWasCalled = false;
  callRecorder = function() { pinWasCalled = true; };
  goog.events.listen(
      scrollFloater, goog.ui.ScrollFloater.EventType.PIN, callRecorder);
  scrollFloater.pin_();
  assertTrue('PIN event was called', pinWasCalled);
  assertFalse('Should not be floating', scrollFloater.isFloating());
  assertTrue('Should be pinned', scrollFloater.isPinned());

  scrollFloater.dispose();
}

function testScrollFloaterEventCancellation() {
  var scrollFloater = new goog.ui.ScrollFloater();
  var floater = goog.dom.getElement('floater');
  scrollFloater.decorate(floater);

  // Event handler that returns false to cancel the event.
  var eventCanceller = function() { return false; };

  // Have eventCanceller handle the FLOAT event and verify cancellation.
  goog.events.listen(
      scrollFloater, goog.ui.ScrollFloater.EventType.FLOAT, eventCanceller);
  scrollFloater.float_(goog.ui.ScrollFloater.FloatMode_.TOP);
  assertFalse('Should not be floating', scrollFloater.isFloating());

  // Have eventCanceller handle the PIN event and verify cancellation.
  goog.events.listen(
      scrollFloater, goog.ui.ScrollFloater.EventType.PIN, eventCanceller);
  scrollFloater.dock_();
  assertFalse('Should not be pinned', scrollFloater.isPinned());

  // Detach eventCanceller and enable floating.
  goog.events.unlisten(
      scrollFloater, goog.ui.ScrollFloater.EventType.FLOAT, eventCanceller);
  scrollFloater.float_(goog.ui.ScrollFloater.FloatMode_.TOP);

  // Have eventCanceller handle the DOCK event and verify cancellation.
  goog.events.listen(
      scrollFloater, goog.ui.ScrollFloater.EventType.DOCK, eventCanceller);
  scrollFloater.dock_();
  assertTrue('Should still be floating', scrollFloater.isFloating());

  scrollFloater.dispose();
}

function testScrollFloaterUpdateStyleOnFloatEvent() {
  var scrollFloater = new goog.ui.ScrollFloater();
  var floater = goog.dom.getElement('floater');
  scrollFloater.decorate(floater);

  // Event handler that sets the font size of the scrollfloater to 20px.
  var updateStyle = function(e) {
    goog.style.setStyle(e.target.getElement(), 'font-size', '20px');
  };

  // Set the current font size to 10px.
  goog.style.setStyle(scrollFloater.getElement(), 'font-size', '10px');
  goog.events.listen(
      scrollFloater, goog.ui.ScrollFloater.EventType.FLOAT, updateStyle);
  scrollFloater.float_(goog.ui.ScrollFloater.FloatMode_.BOTTOM);

  // Ensure event handler got called and updated the font size.
  assertEquals('Font size should be 20px',
      '20px', goog.style.getStyle(scrollFloater.getElement(), 'font-size'));

  assertEquals('Top should be auto',
      'auto', goog.style.getStyle(scrollFloater.getElement(), 'top'));
  assertEquals('Bottom should be 0px',
      0, parseInt(goog.style.getStyle(scrollFloater.getElement(), 'bottom')));

  scrollFloater.dispose();
}