Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(395)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: chrome/browser/resources/shared/js/cr/ui/position_util_test.html

Issue 11962043: Move webui resources from chrome\browser\resources\shared to ui\webui\resources. (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: Created 7 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « chrome/browser/resources/shared/js/cr/ui/position_util.js ('k') | chrome/browser/resources/shared/js/cr/ui/repeating_button.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/shared/js/cr/ui/position_util_test.html
===================================================================
--- chrome/browser/resources/shared/js/cr/ui/position_util_test.html (revision 177292)
+++ chrome/browser/resources/shared/js/cr/ui/position_util_test.html (working copy)
@@ -1,310 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<!-- TODO(arv): Check in Closue unit tests and make this run as part of the
- tests -->
-<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script>
-<script src="../../cr.js"></script>
-<script src="position_util.js"></script>
-<script>
-
-goog.require('goog.testing.PropertyReplacer');
-goog.require('goog.testing.jsunit');
-
-</script>
-<style>
-
-html, body {
- margin: 0;
- width: 100%;
- height: 100%;
-}
-
-#anchor {
- position: absolute;
- width: 10px;
- height: 10px;
- background: green;
-}
-
-#popup {
- position: absolute;
- top: 0;
- left: 0;
- width: 100px;
- height: 100px;
- background: red;
-}
-
-</style>
-</head>
-<body>
-
-<div id=anchor></div>
-<div id=popup></div>
-
-<script>
-
-var anchor = document.getElementById('anchor');
-var popup = document.getElementById('popup');
-var anchorParent = anchor.offsetParent;
-var pr = new goog.testing.PropertyReplacer;
-var availRect;
-
-function MockRect(w, h) {
- this.width = w;
- this.height = h;
- this.right = this.left + w;
- this.bottom = this.top + h;
-}
-MockRect.prototype = {
- left: 0,
- top: 0
-};
-
-function setUp() {
- anchor.style.top = '100px';
- anchor.style.left = '100px';
- availRect = new MockRect(200, 200);
- pr.set(anchorParent, 'getBoundingClientRect', function() {
- return availRect;
- });
-}
-
-function tearDown() {
- document.documentElement.dir = 'ltr';
- pr.reset();
-}
-
-function testAbovePrimary() {
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.ABOVE);
-
- assertEquals('auto', popup.style.top);
- assertEquals('100px', popup.style.bottom);
-
- anchor.style.top = '90px';
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.ABOVE);
- assertEquals('100px', popup.style.top);
- assertEquals('auto', popup.style.bottom);
-}
-
-function testBelowPrimary() {
- // ensure enough below
- anchor.style.top = '90px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BELOW);
-
- assertEquals('100px', popup.style.top);
- assertEquals('auto', popup.style.bottom);
-
- // ensure not enough below
- anchor.style.top = '100px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BELOW);
- assertEquals('auto', popup.style.top);
- assertEquals('100px', popup.style.bottom);
-}
-
-function testBeforePrimary() {
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BEFORE);
-
- assertEquals('auto', popup.style.left);
- assertEquals('100px', popup.style.right);
-
- anchor.style.left = '90px';
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BEFORE);
- assertEquals('100px', popup.style.left);
- assertEquals('auto', popup.style.right);
-}
-
-function testBeforePrimaryRtl() {
- document.documentElement.dir = 'rtl';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.AFTER);
-
- assertEquals('auto', popup.style.left);
- assertEquals('100px', popup.style.right);
-
- anchor.style.left = '90px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.AFTER);
- assertEquals('100px', popup.style.left);
- assertEquals('auto', popup.style.right);
-}
-
-function testAfterPrimary() {
- // ensure enough to the right
- anchor.style.left = '90px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.AFTER);
-
- assertEquals('100px', popup.style.left);
- assertEquals('auto', popup.style.right);
-
- // ensure not enough below
- anchor.style.left = '100px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.AFTER);
- assertEquals('auto', popup.style.left);
- assertEquals('100px', popup.style.right);
-}
-
-function testAfterPrimaryRtl() {
- document.documentElement.dir = 'rtl';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.AFTER);
-
- assertEquals('auto', popup.style.left);
- assertEquals('100px', popup.style.right);
-
- // ensure not enough below
- anchor.style.left = '90px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.AFTER);
- assertEquals('100px', popup.style.left);
- assertEquals('auto', popup.style.right);
-}
-
-function testAboveSecondary() {
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.ABOVE);
-
- assertEquals('100px', popup.style.left);
- assertEquals('auto', popup.style.right);
-
- anchor.style.left = '110px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.ABOVE);
-
- assertEquals('auto', popup.style.left);
- assertEquals('80px', popup.style.right);
-}
-
-function testAboveSecondaryRtl() {
- document.documentElement.dir = 'rtl';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.ABOVE);
-
- assertEquals('auto', popup.style.left);
- assertEquals('90px', popup.style.right);
-
- anchor.style.left = '80px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.ABOVE);
-
- assertEquals('80px', popup.style.left);
- assertEquals('auto', popup.style.right);
-}
-
-function testAboveSecondarySwappedAlign() {
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.ABOVE, true);
-
- assertEquals('auto', popup.style.left);
- assertEquals('90px', popup.style.right);
-
- anchor.style.left = '80px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.ABOVE, true);
-
- assertEquals('80px', popup.style.left);
- assertEquals('auto', popup.style.right);
-}
-
-function testBelowSecondary() {
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BELOW);
-
- assertEquals('100px', popup.style.left);
- assertEquals('auto', popup.style.right);
-
- anchor.style.left = '110px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BELOW);
-
- assertEquals('auto', popup.style.left);
- assertEquals('80px', popup.style.right);
-}
-
-function testBelowSecondaryRtl() {
- document.documentElement.dir = 'rtl';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BELOW);
-
- assertEquals('auto', popup.style.left);
- assertEquals('90px', popup.style.right);
-
- anchor.style.left = '80px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BELOW);
-
- assertEquals('80px', popup.style.left);
- assertEquals('auto', popup.style.right);
-}
-
-function testBelowSecondarySwappedAlign() {
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BELOW, true);
-
- assertEquals('auto', popup.style.left);
- assertEquals('90px', popup.style.right);
-
- anchor.style.left = '80px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BELOW, true);
-
- assertEquals('80px', popup.style.left);
- assertEquals('auto', popup.style.right);
-}
-
-function testBeforeSecondary() {
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BEFORE);
-
- assertEquals('100px', popup.style.top);
- assertEquals('auto', popup.style.bottom);
-
- anchor.style.top = '110px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.BEFORE);
-
- assertEquals('auto', popup.style.top);
- assertEquals('80px', popup.style.bottom);
-}
-
-function testAfterSecondary() {
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.AFTER);
-
- assertEquals('100px', popup.style.top);
- assertEquals('auto', popup.style.bottom);
-
- anchor.style.top = '110px';
-
- cr.ui.positionPopupAroundElement(anchor, popup, cr.ui.AnchorType.AFTER);
-
- assertEquals('auto', popup.style.top);
- assertEquals('80px', popup.style.bottom);
-}
-
-function testPositionAtPoint() {
- cr.ui.positionPopupAtPoint(100, 100, popup);
-
- assertEquals('100px', popup.style.left);
- assertEquals('100px', popup.style.top);
- assertEquals('auto', popup.style.right);
- assertEquals('auto', popup.style.bottom);
-
- cr.ui.positionPopupAtPoint(100, 150, popup);
-
- assertEquals('100px', popup.style.left);
- assertEquals('auto', popup.style.top);
- assertEquals('auto', popup.style.right);
- assertEquals('50px', popup.style.bottom);
-
- cr.ui.positionPopupAtPoint(150, 150, popup);
-
- assertEquals('auto', popup.style.left);
- assertEquals('auto', popup.style.top);
- assertEquals('50px', popup.style.right);
- assertEquals('50px', popup.style.bottom);
-}
-
-</script>
-
-</body>
-</html>
« no previous file with comments | « chrome/browser/resources/shared/js/cr/ui/position_util.js ('k') | chrome/browser/resources/shared/js/cr/ui/repeating_button.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698