blob: 2f336b3a84763e35ac2de1b00f62f67faf13cbc8 [file] [log] [blame]
// Copyright 2009 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.positioning.AnchoredViewportPositionTest');
goog.setTestOnly('goog.positioning.AnchoredViewportPositionTest');
goog.require('goog.dom');
goog.require('goog.math.Box');
goog.require('goog.positioning.AnchoredViewportPosition');
goog.require('goog.positioning.Corner');
goog.require('goog.positioning.OverflowStatus');
goog.require('goog.style');
goog.require('goog.testing.jsunit');
var frame, doc, dom, viewportSize, anchor, popup;
var corner = goog.positioning.Corner;
function setUp() {
frame = document.getElementById('frame1');
doc = goog.dom.getFrameContentDocument(frame);
dom = goog.dom.getDomHelper(doc);
viewportSize = dom.getViewportSize();
anchor = dom.getElement('anchor');
popup = dom.getElement('popup');
goog.style.setSize(popup, 20, 20);
}
// The frame has enough space at the bottom of the anchor.
function testRepositionBottom() {
var avp = new goog.positioning.AnchoredViewportPosition(
anchor, corner.BOTTOM_LEFT, false);
goog.style.setSize(anchor, 100, 100);
goog.style.setPosition(anchor, 0, 0);
assertTrue(viewportSize.height >= 100 + 20);
avp.reposition(popup, corner.TOP_LEFT);
var anchorRect = goog.style.getBounds(anchor);
assertEquals(anchorRect.top + anchorRect.height,
goog.style.getPageOffset(popup).y);
}
// No enough space at the bottom, but at the top.
function testRepositionTop() {
var avp = new goog.positioning.AnchoredViewportPosition(
anchor, corner.BOTTOM_LEFT, false);
var newTop = viewportSize.height - 100;
goog.style.setSize(anchor, 100, 100);
goog.style.setPosition(anchor, 50, newTop);
assertTrue(newTop >= 20);
avp.reposition(popup, corner.TOP_LEFT);
anchorRect = goog.style.getBounds(anchor);
var popupRect = goog.style.getBounds(popup);
assertEquals(anchorRect.top, popupRect.top + popupRect.height);
}
// Not enough space either at the bottom or right but there is enough space at
// top left.
function testRepositionBottomRight() {
var avp = new goog.positioning.AnchoredViewportPosition(
anchor, corner.BOTTOM_RIGHT, false);
goog.style.setSize(anchor, 100, 100);
goog.style.setPosition(anchor, viewportSize.width - 110,
viewportSize.height - 110);
avp.reposition(popup, corner.TOP_LEFT);
anchorRect = goog.style.getBounds(anchor);
var popupRect = goog.style.getBounds(popup);
assertEquals(anchorRect.top, popupRect.top + popupRect.height);
assertEquals(anchorRect.left, popupRect.left + popupRect.width);
}
// Enough space at neither the bottom nor the top. Adjustment flag is false.
function testRepositionNoSpaceWithoutAdjustment() {
var avp = new goog.positioning.AnchoredViewportPosition(
anchor, corner.BOTTOM_LEFT, false);
goog.style.setPosition(anchor, 50, 10);
goog.style.setSize(anchor, 100, viewportSize.height - 20);
avp.reposition(popup, corner.TOP_LEFT);
anchorRect = goog.style.getBounds(anchor);
popupRect = goog.style.getBounds(popup);
assertEquals(anchorRect.top + anchorRect.height, popupRect.top);
assertTrue(popupRect.top + popupRect.height > viewportSize.height);
}
// Enough space at neither the bottom nor the top. Adjustment flag is true.
function testRepositionNoSpaceWithAdjustment() {
var avp = new goog.positioning.AnchoredViewportPosition(
anchor, corner.BOTTOM_LEFT, true);
goog.style.setPosition(anchor, 50, 10);
goog.style.setSize(anchor, 100, viewportSize.height - 20);
avp.reposition(popup, corner.TOP_LEFT);
anchorRect = goog.style.getBounds(anchor);
popupRect = goog.style.getBounds(popup);
assertTrue(anchorRect.top + anchorRect.height > popupRect.top);
assertEquals(viewportSize.height, popupRect.top + popupRect.height);
}
function testAdjustCorner() {
var avp = new goog.positioning.AnchoredViewportPosition(
anchor, corner.BOTTOM_LEFT);
assertEquals(corner.BOTTOM_LEFT, avp.adjustCorner(0, corner.BOTTOM_LEFT));
assertEquals(corner.BOTTOM_RIGHT, avp.adjustCorner(
goog.positioning.OverflowStatus.FAILED_HORIZONTAL, corner.BOTTOM_LEFT));
assertEquals(corner.TOP_LEFT, avp.adjustCorner(
goog.positioning.OverflowStatus.FAILED_VERTICAL, corner.BOTTOM_LEFT));
assertEquals(corner.TOP_RIGHT, avp.adjustCorner(
goog.positioning.OverflowStatus.FAILED_VERTICAL |
goog.positioning.OverflowStatus.FAILED_HORIZONTAL,
corner.BOTTOM_LEFT));
}
// No space to fit, so uses fallback.
function testOverflowConstraint() {
var tinyBox = new goog.math.Box(0, 0, 0, 0);
var avp = new goog.positioning.AnchoredViewportPosition(
anchor, corner.BOTTOM_LEFT, false, tinyBox);
assertEquals(tinyBox, avp.getOverflowConstraint());
goog.style.setSize(anchor, 50, 50);
goog.style.setPosition(anchor, 80, 80);
avp.reposition(popup, corner.TOP_LEFT);
anchorRect = goog.style.getBounds(anchor);
popupRect = goog.style.getBounds(popup);
assertEquals(anchorRect.left, popupRect.left);
assertEquals(anchorRect.top + anchorRect.height, popupRect.top);
}
// Initially no space to fit above, then changes to have room.
function testChangeOverflowConstraint() {
var tinyBox = new goog.math.Box(0, 0, 0, 0);
var avp = new goog.positioning.AnchoredViewportPosition(
anchor, corner.BOTTOM_LEFT, false, tinyBox);
assertEquals(tinyBox, avp.getOverflowConstraint());
goog.style.setSize(anchor, 50, 50);
goog.style.setPosition(anchor, 80, 80);
avp.reposition(popup, corner.TOP_LEFT);
popupRect = goog.style.getBounds(popup);
assertNotEquals(60, popupRect.top);
var movedBox = new goog.math.Box(60, 100, 100, 60);
avp.setOverflowConstraint(movedBox);
assertEquals(movedBox, avp.getOverflowConstraint());
avp.reposition(popup, corner.TOP_LEFT);
popupRect = goog.style.getBounds(popup);
assertEquals(80, popupRect.left);
assertEquals(60, popupRect.top);
}