123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- goog.provide('goog.positioning.clientPositionTest');
- goog.setTestOnly('goog.positioning.clientPositionTest');
- goog.require('goog.dom');
- goog.require('goog.dom.TagName');
- goog.require('goog.positioning.ClientPosition');
- goog.require('goog.positioning.Corner');
- goog.require('goog.style');
- goog.require('goog.testing.jsunit');
- var popupElement;
- var testArea;
- var POPUP_HEIGHT = 100;
- var POPUP_WIDTH = 150;
- function setUp() {
- testArea = goog.dom.getElement('test-area');
-
-
- goog.style.setSize(testArea, 5000, 5000);
- window.scrollTo(0, 0);
- popupElement = goog.dom.createDom(goog.dom.TagName.DIV);
- goog.style.setSize(popupElement, POPUP_WIDTH, POPUP_HEIGHT);
- popupElement.style.position = 'absolute';
-
- popupElement.style.background = 'blue';
- }
- function tearDown() {
- popupElement = null;
- goog.dom.removeChildren(testArea);
- testArea.setAttribute('style', '');
- }
- function testClientPositionWithZeroViewportOffset() {
- goog.dom.appendChild(testArea, popupElement);
- var x = 300;
- var y = 200;
- var pos = new goog.positioning.ClientPosition(x, y);
- pos.reposition(popupElement, goog.positioning.Corner.TOP_LEFT);
- assertPageOffset(x, y, popupElement);
- pos.reposition(popupElement, goog.positioning.Corner.TOP_RIGHT);
- assertPageOffset(x - POPUP_WIDTH, y, popupElement);
- pos.reposition(popupElement, goog.positioning.Corner.BOTTOM_LEFT);
- assertPageOffset(x, y - POPUP_HEIGHT, popupElement);
- pos.reposition(popupElement, goog.positioning.Corner.BOTTOM_RIGHT);
- assertPageOffset(x - POPUP_WIDTH, y - POPUP_HEIGHT, popupElement);
- }
- function testClientPositionWithSomeViewportOffset() {
- goog.dom.appendChild(testArea, popupElement);
- var x = 300;
- var y = 200;
- var scrollX = 135;
- var scrollY = 270;
- window.scrollTo(scrollX, scrollY);
- var pos = new goog.positioning.ClientPosition(x, y);
- pos.reposition(popupElement, goog.positioning.Corner.TOP_LEFT);
- assertPageOffset(scrollX + x, scrollY + y, popupElement);
- }
- function testClientPositionWithPositionContext() {
- var contextAbsoluteX = 90;
- var contextAbsoluteY = 110;
- var x = 300;
- var y = 200;
- var contextElement =
- goog.dom.createDom(goog.dom.TagName.DIV, undefined, popupElement);
- goog.style.setPosition(contextElement, contextAbsoluteX, contextAbsoluteY);
- contextElement.style.position = 'absolute';
- goog.dom.appendChild(testArea, contextElement);
- var pos = new goog.positioning.ClientPosition(x, y);
- pos.reposition(popupElement, goog.positioning.Corner.TOP_LEFT);
- assertPageOffset(x, y, popupElement);
- }
- function assertPageOffset(expectedX, expectedY, el) {
- var offsetCoordinate = goog.style.getPageOffset(el);
- assertEquals('x-coord page offset is wrong.', expectedX, offsetCoordinate.x);
- assertEquals('y-coord page offset is wrong.', expectedY, offsetCoordinate.y);
- }
|