sku-pg
Version:
Skulpt is a Javascript implementation of Python 2.x. Python that runs in your browser!
138 lines (119 loc) • 4.35 kB
HTML
<html>
<!--
Copyright 2008 The Closure Library Authors. All Rights Reserved.
Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Closure Unit Tests - goog.ui.Popup</title>
<script src="../base.js"></script>
<script>
goog.require('goog.dom');
goog.require('goog.math.Box');
goog.require('goog.math.Coordinate');
goog.require('goog.positioning');
goog.require('goog.positioning.Corner');
goog.require('goog.positioning.AnchoredPosition');
goog.require('goog.testing.jsunit');
goog.require('goog.ui.Popup');
</script>
<style>
#popup {
position: absolute;
}
#anchor {
margin-left: 100px;
}
</style>
</head>
<body>
<span id="anchor">anchor</span>
<div id="popup">
Popup.
</div>
<script>
/**
* This is used to round pixel values on FF3 Mac.
*/
function assertRoundedEquals(a, b, c) {
function round(x) {
return goog.userAgent.GECKO && (goog.userAgent.MAC || goog.userAgent.X11) &&
goog.userAgent.isVersionOrHigher('1.9') ? Math.round(x) : x;
}
if (arguments.length == 3) {
assertEquals(a, round(b), round(c));
} else {
assertEquals(round(a), round(b));
}
}
function testCreateAndReposition() {
var anchorEl = document.getElementById('anchor');
var popupEl = document.getElementById('popup');
var corner = goog.positioning.Corner;
var pos = new goog.positioning.AnchoredPosition(anchorEl,
corner.BOTTOM_START);
var popup = new goog.ui.Popup(popupEl, pos);
popup.setVisible(true);
var anchorRect = goog.style.getBounds(anchorEl);
var popupRect = goog.style.getBounds(popupEl);
assertRoundedEquals('Left edge of popup should line up with left edge ' +
'of anchor.',
anchorRect.left,
popupRect.left);
assertRoundedEquals('Popup should be positioned just below the anchor.',
anchorRect.top + anchorRect.height,
popupRect.top);
// Reposition.
anchorEl.style.marginTop = '7px';
popup.reposition();
anchorRect = goog.style.getBounds(anchorEl);
popupRect = goog.style.getBounds(popupEl);
assertRoundedEquals('Popup should be positioned just below the anchor.',
anchorRect.top + anchorRect.height,
popupRect.top);
}
function testSetPinnedCorner() {
var anchorEl = document.getElementById('anchor');
var popupEl = document.getElementById('popup');
var corner = goog.positioning.Corner;
var pos = new goog.positioning.AnchoredPosition(anchorEl,
corner.BOTTOM_START);
var popup = new goog.ui.Popup(popupEl, pos);
popup.setVisible(true);
var anchorRect = goog.style.getBounds(anchorEl);
var popupRect = goog.style.getBounds(popupEl);
assertRoundedEquals('Left edge of popup should line up with left edge ' +
'of anchor.',
anchorRect.left,
popupRect.left);
assertRoundedEquals('Popup should be positioned just below the anchor.',
anchorRect.top + anchorRect.height,
popupRect.top);
// Change pinned corner.
popup.setPinnedCorner(corner.BOTTOM_END);
anchorRect = goog.style.getBounds(anchorEl);
popupRect = goog.style.getBounds(popupEl);
assertRoundedEquals('Right edge of popup should line up with left edge ' +
'of anchor.',
anchorRect.left,
popupRect.left + popupRect.width);
assertRoundedEquals('Bottom edge of popup should line up with bottom ' +
'of anchor.',
anchorRect.top + anchorRect.height,
popupRect.top + popupRect.height);
// Position outside the viewport.
anchorEl.style.marginLeft = '0';
popup.reposition();
anchorRect = goog.style.getBounds(anchorEl);
popupRect = goog.style.getBounds(popupEl);
assertRoundedEquals('Right edge of popup should line up with left edge ' +
'of anchor.',
anchorRect.left,
popupRect.left + popupRect.width);
anchorEl.style.marginLeft = '';
}
</script>
</body>
</html>