sku-pg

Version:
Skulpt is a Javascript implementation of Python 2.x. Python that runs in your browser!
www.skulpt.org
120 lines (98 loc) • 3.46 kB
HTML
<!DOCTYPE HTML>
<html>
<!--
Copyright 2011 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.

Author: nicksantos@google.com (Nick Santos)
-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Closure Unit Tests - goog.positioning.MenuAnchoredPosition</title>
<script src="../base.js"></script>
<script>
goog.require('goog.dom');
goog.require('goog.positioning.MenuAnchoredPosition');
goog.require('goog.style');
goog.require('goog.testing.jsunit');
</script>
</head>
<!-- Force offscreen menus to count as FAIL_X -->
<body style='overflow: hidden'>

<div id='offscreen-anchor'
   style='position: absolute; left: -1000px; top: -1000px'></div>

<div id='onscreen-anchor'
   style='position: absolute; left: 5px; top: 5px'></div>

<!-- The x and y positon of this anchor will be reset on each setUp -->
<div id='custom-anchor'
   style='position: absolute;'></div>

<div id='menu'
   style='position: absolute; left: 20px; top: 20px'>
Menu Item 1<br/>
Menu Item 2<br/>
Menu Item 3
</div>

<script>
var offscreenAnchor;
var onscreenAnchor;
var customAnchor;
var menu;
var corner = goog.positioning.Corner;
var savedMenuHtml;

function setUp() {
  offscreenAnchor = goog.dom.getElement('offscreen-anchor');
  onscreenAnchor = goog.dom.getElement('onscreen-anchor');
  customAnchor = goog.dom.getElement('custom-anchor');
  customAnchor.style.left = '0';
  customAnchor.style.top = '0';

  menu = goog.dom.getElement('menu');
  savedMenuHtml = menu.innerHTML;
  menu.style.left = '20px';
  menu.style.top = '20px';
}

function tearDown() {
  menu.innerHTML = savedMenuHtml;
}

function testRepositionWithAdjustAndOnscreenAnchor() {
  // Add so many children that it can't possibly fit onscreen.
  for (var i = 0; i < 200; i++) {
    menu.appendChild(goog.dom.createDom('div', null, 'New Item ' + i));
  }

  var pos = new goog.positioning.MenuAnchoredPosition(
      onscreenAnchor, corner.TOP_LEFT, true);
  pos.reposition(menu, corner.TOP_LEFT);

  var offset = 0;
  assertEquals(offset, menu.offsetTop);
  assertEquals(5, menu.offsetLeft);
}

function testRepositionWithAdjustAndOffscreenAnchor() {
  // This does not get adjusted because it's too far offscreen.
  var pos = new goog.positioning.MenuAnchoredPosition(
      offscreenAnchor, corner.TOP_LEFT, true);
  pos.reposition(menu, corner.TOP_LEFT);

  assertEquals(-1000, menu.offsetTop);
  assertEquals(-1000, menu.offsetLeft);
}

function testRespositionFailoverEvenWhenResizeHeightIsOn() {
  var pos = new goog.positioning.MenuAnchoredPosition(
      onscreenAnchor, corner.TOP_LEFT, true, true);
  pos.reposition(menu, corner.TOP_RIGHT);

  // The menu should not get positioned offscreen.
  assertEquals(5, menu.offsetTop);
  assertEquals(5, menu.offsetLeft);
}

function testRepositionToBottomLeftWhenBottomFailsAndRightFailsAndResizeOn() {
  var pageSize = goog.dom.getViewportSize();
  customAnchor.style.left = (pageSize.width - 10) + 'px';

  // Add so many children that it can't possibly fit onscreen.
  for (var i = 0; i < 200; i++) {
    menu.appendChild(goog.dom.createDom('div', null, 'New Item ' + i));
  }

  var pos = new goog.positioning.MenuAnchoredPosition(
      customAnchor, corner.TOP_LEFT, true, true);
  pos.reposition(menu, corner.TOP_LEFT);
  assertEquals(menu.offsetLeft + menu.offsetWidth, customAnchor.offsetLeft);
}

</script>
</body>
</html>