openlayers/tests/Util.html

   1 <html>
   2 <head>
   3   <script>
   4     var custom$ = function() {};
   5     window.$ = custom$;
   6   </script>
   7   <script src="../lib/OpenLayers.js"></script>
   8   <script type="text/javascript">
   9     var isMozilla = (navigator.userAgent.indexOf("compatible") == -1);
  10     var map;
  11
  12     function test_$(t) {
  13         t.plan(1);
  14         t.ok($ === custom$, "OpenLayers doesn't clobber existing definition of $.");
  15     }
  16
  17     function test_Util_getImagesLocation (t) {
  18         t.plan( 1 );
  19         t.ok( OpenLayers.Util.getImagesLocation(), "../img/",
  20                     "getImagesLocation()" );
  21     }
  22
  23     function test_Util_Array(t) {
  24         t.plan( 2 );
  25
  26         var array = new Array(1,2,3,4,4,5);
  27
  28         OpenLayers.Util.removeItem(array, 3);
  29         t.eq( array.toString(), "1,2,4,4,5", "Util.removeItem works on one element");
  30         OpenLayers.Util.removeItem(array, 4);
  31         t.eq( array.toString(), "1,2,5", "Util.removeItem works on more than one element ");
  32     }
  33
  34     function test_Util_pagePosition(t) {
  35         t.plan( 1 );
  36         var pp = OpenLayers.Util.pagePosition(window);
  37         t.eq( pp.toString(), "0,0", "Page position doesn't bail if passed 'window'")
  38
  39     }
  40
  41     function test_Util_createDiv(t) {
  42         t.plan( 24 );
  43
  44         var id = "boo";
  45         var px = new OpenLayers.Pixel(5,5);
  46         var sz = new OpenLayers.Size(10,10);
  47         var img = "http://www.openlayers.org/images/OpenLayers.trac.png";
  48         var position = "absolute";
  49         var border = "13px solid";
  50         var overflow = "hidden";
  51         var opacity = 0.5;
  52
  53         var div = OpenLayers.Util.createDiv(id, px, sz, img, position, border, overflow, opacity);
  54
  55         if (!isMozilla)
  56             t.ok( true, "skipping element test outside of Mozilla");
  57         else
  58             t.ok( div instanceof HTMLDivElement, "createDiv creates a valid HTMLDivElement" );
  59         t.eq( div.id, id, "div.id set correctly");
  60         t.eq( div.style.left, px.x + "px", "div.style.left set correctly");
  61         t.eq( div.style.top, px.y + "px", "div.style.top set correctly");
  62
  63         t.eq( div.style.width, sz.w + "px", "div.style.width set correctly");
  64         t.eq( div.style.height, sz.h + "px", "div.style.height set correctly");
  65
  66         bImg = div.style.backgroundImage;
  67         imgCorrect = ( (bImg == "url(" + img + ")") ||
  68                        (bImg == "url(\"" + img + "\")") );
  69         t.ok(imgCorrect, "div.style.backgroundImage correctly");
  70
  71         t.eq( div.style.position, position, "div.style.positionset correctly");
  72         //Safari 3 separates the border style into separate entities when reading it
  73         if (OpenLayers.Util.getBrowserName() == 'safari') {
  74           var s = border.split(' ');
  75           t.ok(div.style.borderTopWidth == s[0] && div.style.borderTopStyle == s[1], "good default popup.border")
  76         } else {
  77           t.ok( (div.style.border.indexOf(border) != -1), "div.style.border set correctly");
  78         }
  79
  80         //Safari 3 separates style overflow into overflow-x and overflow-y
  81         var prop = (OpenLayers.Util.getBrowserName() == 'safari') ? 'overflowX' : 'overflow';
  82         t.eq( div.style[prop], overflow, "div.style.overflow set correctly");
  83         t.eq( parseFloat(div.style.opacity), opacity, "element.style.opacity set correctly");
  84         //Safari 3 returns null for this value, which is okay
  85         var filterString = (OpenLayers.Util.getBrowserName() == 'safari') ? null : 'alpha(opacity=' + (opacity * 100) + ')';
  86         t.eq( div.style.filter, filterString, "element.style.filter set correctly");
  87
  88         //test defaults
  89         var div = OpenLayers.Util.createDiv();
  90
  91         if (!isMozilla)
  92             t.ok( true, "skipping element test outside of Mozilla");
  93         else
  94             t.ok( div instanceof HTMLDivElement, "createDiv creates a valid HTMLDivElement" );
  95         t.ok( (div.id != ""), "div.id set correctly");
  96         t.eq(div.style.left, "", "div.style.left set correctly");
  97         t.eq(div.style.top, "", "div.style.top set correctly");
  98
  99         t.eq( div.style.width, "", "div.style.width set correctly");
 100         t.eq( div.style.height, "", "div.style.height set correctly");
 101
 102         t.eq(div.style.backgroundImage, "", "div.style.backgroundImage correctly");
 103
 104         t.eq( div.style.position, "absolute", "div.style.positionset correctly");
 105         //Safari 3 separates the border style into separate entities when reading it
 106         if (OpenLayers.Util.getBrowserName() == 'safari') {
 107           t.ok(div.style.borderTopWidth == '' && div.style.borderTopStyle == '', "good default popup.border")
 108         } else {
 109           t.eq( div.style.border, "", "div.style.border set correctly");
 110         }
 111         //Safari 3 separates style overflow into overflow-x and overflow-y
 112         var prop = (OpenLayers.Util.getBrowserName() == 'safari') ? 'overflowX' : 'overflow';
 113         t.eq(div.style[prop], "", "div.style.overflow set correctly");
 114         t.ok( !div.style.opacity, "element.style.opacity set correctly");
 115         t.ok( !div.style.filter, "element.style.filter set correctly");
 116
 117     }
 118
 119     function test_Util_createImage(t) {
 120         t.plan( 22 );
 121
 122         var img = "http://www.openlayers.org/images/OpenLayers.trac.png";
 123         var sz = new OpenLayers.Size(10,10);
 124         var xy = new OpenLayers.Pixel(5,5);
 125         var position = "absolute";
 126         var id = "boo";
 127         var border = "1px solid";
 128         var opacity = 0.5;
 129
 130         var image = OpenLayers.Util.createImage(id, xy, sz, img, position, border, opacity);
 131
 132         if (!isMozilla)
 133             t.ok( true, "skipping element test outside of Mozilla");
 134         else
 135             t.ok( image.nodeName == "IMG", "createImage creates a valid HTMLImageElement" );
 136         t.eq( image.id, id, "image.id set correctly");
 137         t.eq( image.style.left, xy.x + "px", "image.style.left set correctly");
 138         t.eq( image.style.top, xy.y + "px", "image.style.top set correctly");
 139
 140         t.eq( image.style.width, sz.w + "px", "image.style.width set correctly");
 141         t.eq( image.style.height, sz.h + "px", "image.style.height set correctly");
 142
 143         //Safari 3 separates the border style into separate entities when reading it
 144         if (OpenLayers.Util.getBrowserName() == 'safari') {
 145           var s = border.split(' ');
 146           t.ok(image.style.borderTopWidth == s[0] && image.style.borderTopStyle == s[1], "good default popup.border")
 147         } else {
 148           t.ok( (image.style.border.indexOf(border) != -1), "image.style.border set correctly");
 149         }
 150         t.eq( image.src, img, "image.style.backgroundImage correctly");
 151         t.eq( image.style.position, position, "image.style.position set correctly");
 152         t.eq( parseFloat(image.style.opacity), opacity, "image.style.opacity set correctly");
 153         //Safari 3 returns null for this value, which is okay
 154         var filterString = (OpenLayers.Util.getBrowserName() == 'safari') ? null : 'alpha(opacity=' + (opacity * 100) + ')';
 155         t.eq( image.style.filter, filterString, "element.style.filter set correctly");
 156
 157         //test defaults
 158         var image = OpenLayers.Util.createImage();
 159
 160         if (!isMozilla)
 161             t.ok( true, "skipping element test outside of Mozilla");
 162         else
 163             t.ok( image.nodeName == "IMG", "createDiv creates a valid HTMLDivElement" );
 164         t.ok( (image.id != ""), "image.id set to something");
 165         t.eq( image.style.left, "", "image.style.left set correctly");
 166         t.eq( image.style.top, "", "image.style.top set correctly");
 167
 168         t.eq( image.style.width, "", "image.style.width set correctly");
 169         t.eq( image.style.height, "", "image.style.height set correctly");
 170
 171         t.ok((image.style.border == ""), "image.style.border set correctly");
 172         t.eq(image.src, "", "image.style.backgroundImage correctly");
 173         t.eq( image.style.position, "relative", "image.style.positionset correctly");
 174         t.ok( !image.style.opacity, "element.style.opacity default unset");
 175         t.ok( !image.style.filter, "element.style.filter default unset");
 176
 177     }
 178
 179     function test_Util_applyDefaults(t) {
 180
 181         t.plan(12);
 182
 183         var to = {
 184             'a': "abra",
 185             'b': "blorg",
 186             'n': null
 187         };
 188
 189         var from = {
 190             'b': "zoink",
 191             'c': "press",
 192             'toString': function() {return 'works'},
 193             'n': "broken"
 194         };
 195
 196         OpenLayers.Util.applyDefaults(to, from);
 197
 198         t.ok( to instanceof Object, " applyDefaults returns an object");
 199         t.eq( to["a"], "abra", "key present in to but not from maintained");
 200         t.eq( to["b"], "blorg", "key present in to and from, maintained in to");
 201         t.eq( to["c"], "press", "key present in from and not to successfully copied to to");
 202
 203         var ret = OpenLayers.Util.applyDefaults({'a': "abra",'b': "blorg"}, from);
 204         t.ok( ret instanceof Object, " applyDefaults returns an object");
 205         t.eq( ret["a"], "abra", "key present in ret but not from maintained");
 206         t.eq( ret["b"], "blorg", "key present in ret and from, maintained in ret");
 207         t.eq( ret["c"], "press", "key present in from and not ret successfully copied to ret");
 208         t.eq(to.toString(), "works", "correctly applies custom toString");
 209         t.eq(to.n, null, "correctly preserves null");
 210
 211         var to;
 212         var from = {rand: Math.random()};
 213
 214         var ret = OpenLayers.Util.applyDefaults(to, from);
 215         t.eq(ret.rand, from.rand, "works with undefined to");
 216
 217         //regression test for #1716 -- allow undefined from
 218         try {
 219             OpenLayers.Util.applyDefaults({}, undefined);
 220             t.ok(true, "no exception thrown when from is undefined");
 221         } catch(err) {
 222             t.fail("exception thrown when from is undefined:" + err);
 223         }
 224
 225     }
 226
 227     function test_Util_getParameterString(t) {
 228         t.plan( 4 );
 229
 230         var params = {
 231             'foo': "bar",
 232             'chicken': 1.5
 233         };
 234
 235         t.eq( OpenLayers.Util.getParameterString(params), "foo=bar&chicken=1.5", "getParameterString returns correctly");
 236         t.eq( OpenLayers.Util.getParameterString({'a:':'b='}), "a%3A=b%3D", "getParameterString returns correctly with non-ascii keys/values");
 237
 238
 239         // Parameters which are a list should end up being a comma-seperated
 240         // list of the URL encoded strings
 241         var params = { foo: ["bar,baz"] };
 242         t.eq( OpenLayers.Util.getParameterString(params), "foo=bar%2Cbaz", "getParameterString encodes , correctly in arrays");
 243
 244         var params = { foo: ["bar","baz,"] };
 245         t.eq( OpenLayers.Util.getParameterString(params), "foo=bar,baz%2C", "getParameterString returns with list of CSVs when given a list. ");
 246     }
 247
 248     function test_Util_createAlphaImageDiv(t) {
 249         t.plan( 19 );
 250
 251         var img = "http://www.openlayers.org/images/OpenLayers.trac.png";
 252         var sz = new OpenLayers.Size(10,10);
 253         var xy = new OpenLayers.Pixel(5,5);
 254         var position = "absolute";
 255         var id = "boo";
 256         var border = "1px solid";
 257         var sizing = "crop";
 258         var opacity = 0.5;
 259
 260         var imageDiv = OpenLayers.Util.createAlphaImageDiv(id, xy, sz, img, position, border, sizing, opacity);
 261
 262         if (!isMozilla)
 263             t.ok( true, "skipping element test outside of Mozilla");
 264         else
 265             t.ok( imageDiv instanceof HTMLDivElement, "createDiv creates a valid HTMLDivElement" );
 266
 267         t.eq( imageDiv.id, id, "image.id set correctly");
 268         t.eq( imageDiv.style.left, xy.x + "px", "image.style.left set correctly");
 269         t.eq( imageDiv.style.top, xy.y + "px", "image.style.top set correctly");
 270
 271         t.eq( imageDiv.style.width, sz.w + "px", "image.style.width set correctly");
 272         t.eq( imageDiv.style.height, sz.h + "px", "image.style.height set correctly");
 273
 274         t.eq( imageDiv.style.position, position, "image.style.positionset correctly");
 275         t.eq( parseFloat(imageDiv.style.opacity), opacity, "element.style.opacity set correctly");
 276
 277         var filterString;
 278         if (OpenLayers.Util.alphaHack()) {
 279             filterString = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.openlayers.org/images/OpenLayers.trac.png', sizingMethod='crop') alpha(opacity=50)";
 280         } else {
 281             //Safari 3 returns null for this value, which is okay
 282             var filterString = (OpenLayers.Util.getBrowserName() == 'safari') ? null : 'alpha(opacity=' + (opacity * 100) + ')';
 283         }
 284         t.eq( imageDiv.style.filter, filterString, "element.style.filter set correctly");
 285
 286
 287         image = imageDiv.firstChild;
 288         if (!isMozilla)
 289             t.ok( true, "skipping element test outside of Mozilla");
 290         else
 291             t.ok( image.nodeName == "IMG", "createImage creates a valid HTMLImageElement" );
 292         t.eq( image.id, id + "_innerImage", "image.id set correctly");
 293
 294         t.eq( image.style.width, sz.w + "px", "image.style.width set correctly");
 295         t.eq( image.style.height, sz.h + "px", "image.style.height set correctly");
 296
 297         //Safari 3 separates the border style into separate entities when reading it
 298         if (OpenLayers.Util.getBrowserName() == 'safari') {
 299           var s = border.split(' ');
 300           t.ok(image.style.borderTopWidth == s[0] && image.style.borderTopStyle == s[1], "good default popup.border")
 301         } else {
 302           t.ok( (image.style.border.indexOf(border) != -1), "image.style.border set correctly");
 303         }
 304
 305         t.eq( image.style.position, "relative", "image.style.positionset correctly");
 306
 307         if (OpenLayers.Util.alphaHack()) {
 308
 309             t.eq(imageDiv.style.display, "inline-block", "imageDiv.style.display set correctly");
 310
 311             var filter = "progid:DXImageTransform.Microsoft" +
 312                          ".AlphaImageLoader(src='" + img + "', " +
 313                          "sizingMethod='" + sizing + "') alpha(opacity=50)";
 314             t.eq(imageDiv.style.filter, filter, "div filter value correctly set");
 315
 316             filter = "alpha(opacity=0)";
 317             t.eq(image.style.filter, filter, "image filter set correctly");
 318
 319         } else {
 320             t.eq( image.src, img, "image.style.backgroundImage correctly");
 321             t.ok(true, "div filter value not set (not in IE)");
 322             t.ok(true, "image filter value not set (not in IE)");
 323         }
 324
 325         var imageDiv = OpenLayers.Util.createAlphaImageDiv(id, xy, sz, img, position, border);
 326         if (OpenLayers.Util.alphaHack()) {
 327             var filter = "progid:DXImageTransform.Microsoft" +
 328                          ".AlphaImageLoader(src='" + img + "', " +
 329                          "sizingMethod='scale')";
 330             t.eq(imageDiv.style.filter, filter, "sizingMethod default correctly set to scale");
 331         } else {
 332             t.ok(true);
 333         }
 334
 335     }
 336
 337     function test_Util_modifyDOMElement_opacity(t) {
 338         t.plan(8);
 339
 340         var opacity = 0.2;
 341
 342         var element = document.createElement("div");
 343
 344         OpenLayers.Util.modifyDOMElement(element, null, null, null, null,
 345                                          null, null, opacity);
 346
 347         t.eq(parseFloat(element.style.opacity), opacity,
 348              "element.style.opacity set correctly when opacity = " + opacity);
 349         //Safari 3 returns null for this value, which is okay
 350         var filterString = (OpenLayers.Util.getBrowserName() == 'safari') ? null : 'alpha(opacity=' + (opacity * 100) + ')';
 351         t.eq(element.style.filter, filterString,
 352              "element.style.filter set correctly when opacity = " + opacity);
 353
 354         OpenLayers.Util.modifyDOMElement(element, null, null, null, null,
 355                                          null, null, "5");
 356
 357         t.eq(parseFloat(element.style.opacity), opacity,
 358              "element.style.opacity not changed if the value is incorrect");
 359         //Safari 3 returns null for this value, which is okay
 360         var filterString = (OpenLayers.Util.getBrowserName() == 'safari') ? null : 'alpha(opacity=' + (opacity * 100) + ')';
 361         t.eq(element.style.filter, filterString,
 362              "element.style.filter not changed if the value is incorrect");
 363
 364         OpenLayers.Util.modifyDOMElement(element, null, null, null, null,
 365                                          null, null, "hello");
 366
 367         t.eq(parseFloat(element.style.opacity), opacity,
 368              "element.style.opacity not changed if the value is incorrect");
 369         //Safari 3 returns null for this value, which is okay
 370         var filterString = (OpenLayers.Util.getBrowserName() == 'safari') ? null : 'alpha(opacity=' + (opacity * 100) + ')';
 371         t.eq(element.style.filter, filterString,
 372              "element.style.filter not changed if the value is incorrect");
 373
 374         opacity = 1.00;
 375         OpenLayers.Util.modifyDOMElement(element, null, null, null, null,
 376                                          null, null, opacity);
 377
 378         t.eq(element.style.opacity, '',
 379              "element.style.opacity is removed when opacity = " + opacity);
 380         //Safari 3 returns null for this value, which is okay
 381         var filterString = (OpenLayers.Util.getBrowserName() == 'safari') ? null : '';
 382         t.eq(element.style.filter, filterString,
 383              "element.style.filter is removed when opacity = " + opacity);
 384     }
 385
 386     function test_Util_modifyDOMElement(t) {
 387         t.plan( 10 );
 388
 389         var id = "boo";
 390         var px = new OpenLayers.Pixel(5,5);
 391         var sz = new OpenLayers.Size(10,10);
 392         var position = "absolute";
 393         var border = "1px solid";
 394         var overflow = "hidden";
 395         var opacity = 1/2;
 396
 397         var element = document.createElement("div");
 398
 399         OpenLayers.Util.modifyDOMElement(element, id, px, sz, position,
 400                                          border, overflow, opacity);
 401
 402         t.eq( element.id, id, "element.id set correctly");
 403         t.eq( element.style.left, px.x + "px", "element.style.left set correctly");
 404         t.eq( element.style.top, px.y + "px", "element.style.top set correctly");
 405
 406         t.eq( element.style.width, sz.w + "px", "element.style.width set correctly");
 407         t.eq( element.style.height, sz.h + "px", "element.style.height set correctly");
 408
 409         t.eq( element.style.position, position, "element.style.position set correctly");
 410         //Safari 3 separates the border style into separate entities when reading it
 411         if (OpenLayers.Util.getBrowserName() == 'safari') {
 412           var s = border.split(' ');
 413           t.ok(element.style.borderTopWidth == s[0] && element.style.borderTopStyle == s[1], "good default popup.border")
 414         } else {
 415           t.ok( (element.style.border.indexOf(border) != -1), "element.style.border set correctly");
 416         }
 417         //Safari 3 separates style overflow into overflow-x and overflow-y
 418         var prop = (OpenLayers.Util.getBrowserName() == 'safari') ? 'overflowX' : 'overflow';
 419         t.eq( element.style[prop], overflow, "element.style.overflow set correctly");
 420         t.eq( parseFloat(element.style.opacity), opacity, "element.style.opacity set correctly");
 421         //Safari 3 returns null for this value, which is okay
 422         var filterString = (OpenLayers.Util.getBrowserName() == 'safari') ? null : 'alpha(opacity=' + (opacity * 100) + ')';
 423         t.eq( element.style.filter, filterString, "element.style.filter set correctly");
 424     }
 425
 426     function test_Util_modifyAlphaImageDiv(t) {
 427         t.plan( 21 );
 428
 429         var imageDiv = OpenLayers.Util.createAlphaImageDiv();
 430
 431         var img = "http://www.openlayers.org/images/OpenLayers.trac.png";
 432         var sz = new OpenLayers.Size(10,10);
 433         var xy = new OpenLayers.Pixel(5,5);
 434         var position = "absolute";
 435         var id = "boo";
 436         var border = "1px solid";
 437         var sizing = "crop";
 438         var opacity = 0.5;
 439
 440         OpenLayers.Util.modifyAlphaImageDiv(imageDiv, id, xy, sz, img, position, border, sizing, opacity);
 441         if (OpenLayers.Util.alphaHack())
 442             t.ok( true, "skipping element test outside of Mozilla");
 443         else
 444             t.ok( imageDiv.nodeName == "DIV", "createDiv creates a valid HTMLDivElement" );
 445
 446         t.eq( imageDiv.id, id, "image.id set correctly");
 447         t.eq( imageDiv.style.left, xy.x + "px", "image.style.left set correctly");
 448         t.eq( imageDiv.style.top, xy.y + "px", "image.style.top set correctly");
 449
 450         t.eq( imageDiv.style.width, sz.w + "px", "image.style.width set correctly");
 451         t.eq( imageDiv.style.height, sz.h + "px", "image.style.height set correctly");
 452
 453         t.eq( imageDiv.style.position, position, "image.style.position set correctly");
 454         t.eq( parseFloat(imageDiv.style.opacity), opacity, "element.style.opacity set correctly");
 455
 456
 457
 458         image = imageDiv.firstChild;
 459
 460         var filterString;
 461         if (OpenLayers.Util.alphaHack()) {
 462             filterString = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.openlayers.org/images/OpenLayers.trac.png', sizingMethod='crop') alpha(opacity=50)";
 463             t.ok( true, "skipping element test outside of Mozilla");
 464         } else {
 465             //Safari 3 returns null for this value, which is okay
 466             var filterString = (OpenLayers.Util.getBrowserName() == 'safari') ? null : 'alpha(opacity=' + (opacity * 100) + ')';
 467             t.ok( image.nodeName == "IMG", "createImage creates a valid HTMLImageElement" );
 468         }
 469         t.eq( imageDiv.style.filter, filterString, "element.style.filter set correctly");
 470         t.eq( image.id, id + "_innerImage", "image.id set correctly");
 471
 472         t.eq( image.style.width, sz.w + "px", "image.style.width set correctly");
 473         t.eq( image.style.height, sz.h + "px", "image.style.height set correctly");
 474
 475         //Safari 3 separates the border style into separate entities when reading it
 476         if (OpenLayers.Util.getBrowserName() == 'safari') {
 477           var s = border.split(' ');
 478           t.ok(image.style.borderTopWidth == s[0] && image.style.borderTopStyle == s[1], "good default popup.border")
 479         } else {
 480           t.ok( (image.style.border.indexOf(border) != -1), "image.style.border set correctly");
 481         }
 482
 483         t.eq( image.style.position, "relative", "image.style.positionset correctly");
 484         t.eq( image.src, img, "image.style.backgroundImage correctly");
 485
 486         if (OpenLayers.Util.alphaHack()) {
 487
 488             var filter = "progid:DXImageTransform.Microsoft" +
 489                          ".AlphaImageLoader(src='" + img + "', " +
 490                          "sizingMethod='" + sizing + "') alpha(opacity=" + opacity *100 + ")";
 491             t.eq(imageDiv.style.filter, filter, "div filter value correctly set");
 492
 493             filter = "alpha(opacity=0)";
 494             t.eq(image.style.filter, filter, "image filter set correctly");
 495
 496         } else {
 497             t.ok(true, "div filter value not set (not in IE)");
 498             t.ok(true, "image filter value not set (not in IE)");
 499         }
 500
 501         var imageDiv = OpenLayers.Util.createAlphaImageDiv();
 502         var display = "none";
 503         imageDiv.style.display = display;
 504         OpenLayers.Util.modifyAlphaImageDiv(imageDiv, id, xy, sz, img, position, border, sizing, opacity);
 505         t.eq(imageDiv.style.display, display, "imageDiv.style.display set correctly, if 'none'");
 506
 507         var imageDiv = OpenLayers.Util.createAlphaImageDiv();
 508         var display = "block";
 509         imageDiv.style.display = display;
 510         OpenLayers.Util.modifyAlphaImageDiv(imageDiv, id, xy, sz, img, position, border, sizing, opacity);
 511         if(OpenLayers.Util.alphaHack()) {
 512             t.eq(imageDiv.style.display, "inline-block", "imageDiv.style.display set correctly, if not 'none'");
 513         } else {
 514             t.ok(true, "inline-block is not part of CSS2 and is not supported by Firefox 2");
 515         }
 516
 517
 518
 519         var imageDiv = OpenLayers.Util.createAlphaImageDiv(id, xy, sz, img, position, border, "scale", opacity);
 520         if (OpenLayers.Util.alphaHack()) {
 521             var filter = "progid:DXImageTransform.Microsoft" +
 522                          ".AlphaImageLoader(src='" + img + "', " +
 523                          "sizingMethod='scale') alpha(opacity=" + opacity *100 + ")";
 524             t.eq(imageDiv.style.filter, filter, "sizingMethod default correctly set to scale");
 525         } else {
 526             t.ok(true);
 527         }
 528
 529     }
 530
 531     function test_Util_upperCaseObject(t) {
 532         t.plan(8);
 533
 534         var aKey = "chicken";
 535         var aValue = "pot pie";
 536
 537         var bKey = "blorg";
 538         var bValue = "us maximus";
 539
 540         var obj = {};
 541         obj[aKey] = aValue;
 542         obj[bKey] = bValue;
 543
 544         var uObj = OpenLayers.Util.upperCaseObject(obj);
 545
 546         //make sure old object not modified
 547         t.eq(obj[aKey], aValue, "old lowercase value still present in old obj");
 548         t.eq(obj[bKey], bValue, "old lowercase value still present in old obj");
 549
 550         t.eq(obj[aKey.toUpperCase()], null, "new uppercase value not present in old obj");
 551         t.eq(obj[bKey.toUpperCase()], null, "new uppercase value not present in old obj");
 552
 553         //make sure new object modified
 554         t.eq(uObj[aKey], null, "old lowercase value not present");
 555         t.eq(uObj[bKey], null, "old lowercase value not present");
 556
 557         t.eq(uObj[aKey.toUpperCase()], aValue, "new uppercase value present");
 558         t.eq(uObj[bKey.toUpperCase()], bValue, "new uppercase value present");
 559     }
 560
 561     function test_Util_createUniqueID(t) {
 562         t.plan(2);
 563
 564         var id = OpenLayers.Util.createUniqueID();
 565         t.ok(OpenLayers.String.startsWith(id, "id_"),
 566              "default OpenLayers.Util.createUniqueID starts id correctly");
 567
 568         var id = OpenLayers.Util.createUniqueID("chicken");
 569         t.ok(OpenLayers.String.startsWith(id, "chicken"),
 570              "OpenLayers.Util.createUniqueID starts id correctly");
 571     }
 572
 573     function test_Util_normalizeScale(t) {
 574         t.plan(2);
 575
 576         //normal scale
 577         var scale = 1/5;
 578         t.eq( OpenLayers.Util.normalizeScale(scale), scale, "normalizing a normal scale does nothing");
 579
 580         //funky scale
 581         var scale = 5;
 582         t.eq( OpenLayers.Util.normalizeScale(scale), 1/5, "normalizing a wrong scale works!");
 583     }
 584
 585     function test_Util_getScaleResolutionTranslation(t) {
 586         t.plan(4);
 587
 588         var scale = 1/150000000;
 589         var resolution = OpenLayers.Util.getResolutionFromScale(scale);
 590         t.eq(resolution.toFixed(6), "0.476217", "Calculated correct resolution for " + scale);
 591
 592         var scale = 1/150000000;
 593         var resolution = OpenLayers.Util.getResolutionFromScale(scale, 'm');
 594         t.eq(resolution.toFixed(6), "52916.638092", "Calculated correct resolution for " + scale);
 595
 596         scale = 150000000;
 597         resolution = OpenLayers.Util.getResolutionFromScale(scale);
 598         t.eq(resolution.toFixed(6), "0.476217", "Calculated correct resolution for " + scale);
 599
 600         scale = 150000000;
 601         resolution = OpenLayers.Util.getResolutionFromScale(scale);
 602         t.eq(OpenLayers.Util.getScaleFromResolution(resolution), scale, "scale->resolution->scale works");
 603     }
 604
 605     function test_Util_getImgLocation(t) {
 606         t.plan(3);
 607
 608         OpenLayers.ImgPath = "foo/";
 609         t.eq(OpenLayers.Util.getImagesLocation(), "foo/", "ImgPath works as expected.");
 610         OpenLayers.ImgPath = null;
 611         t.eq(OpenLayers.Util.getImagesLocation().substr(OpenLayers.Util.getImagesLocation().length-4,4), "img/", "ImgPath works as expected when not set.");
 612
 613         OpenLayers.ImgPath = '';
 614         t.eq(OpenLayers.Util.getImagesLocation().substr(OpenLayers.Util.getImagesLocation().length-4,4), "img/", "ImgPath works as expected when set to ''.");
 615     }
 616
 617     function test_Util_isEquivalentUrl(t) {
 618         t.plan(9);
 619
 620         var url1, url2, options;
 621
 622   //CASE
 623
 624         url1 = "http://www.openlayers.org";
 625         url2 = "HTTP://WWW.OPENLAYERS.ORG";
 626
 627         t.ok(OpenLayers.Util.isEquivalentUrl(url1, url2), "default ignoreCase works");
 628
 629   //ARGS
 630
 631         url1 = "http://www.openlayers.org?foo=5;bar=6";
 632         url2 = "http://www.openlayers.org?bar=6;foo=5";
 633
 634         t.ok(OpenLayers.Util.isEquivalentUrl(url1, url2), "shuffled arguments works");
 635
 636   //PORT
 637
 638         url1 = "http://www.openlayers.org:80";
 639         url2 = "http://www.openlayers.org";
 640
 641         t.ok(OpenLayers.Util.isEquivalentUrl(url1, url2), "default ignorePort80 works");
 642
 643         options = {
 644             'ignorePort80': false
 645         }
 646         url1 = "http://www.openlayers.org:80";
 647         url2 = "http://www.openlayers.org:50";
 648
 649         t.ok(!OpenLayers.Util.isEquivalentUrl(url1, url2, options), "port check works");
 650
 651
 652   //HASH
 653
 654         url1 = "http://www.openlayers.org#barf";
 655         url2 = "http://www.openlayers.org";
 656
 657         t.ok(OpenLayers.Util.isEquivalentUrl(url1, url2), "default ignoreHash works");
 658         options = {
 659             'ignoreHash': false
 660         }
 661         t.ok(!OpenLayers.Util.isEquivalentUrl(url1, url2, options), "ignoreHash FALSE works");
 662
 663   //PROTOCOL
 664
 665         url1 = "http://www.openlayers.org";
 666         url2 = "ftp://www.openlayers.org";
 667
 668         t.ok(!OpenLayers.Util.isEquivalentUrl(url1, url2), "default ignoreHash works");
 669
 670
 671   //PATHNAME
 672         url1 = "foo.html?bar=now#go";
 673         url2 = "../tests/../tests/foo.html?bar=now#go";
 674
 675         t.ok(OpenLayers.Util.isEquivalentUrl(url1, url2), "relative vs. absolute paths works");
 676
 677         url1 = "/foo/bar";
 678         url2 = new Array(window.location.pathname.split("/").length-1).join("../")+"foo/bar";
 679
 680         t.ok(OpenLayers.Util.isEquivalentUrl(url1, url2), "absolute and relative path without host works for "+url2)
 681     }
 682
 683     function test_createUrlObject(t) {
 684
 685         var cases = [{
 686             url: "http://example.com/",
 687             exp: {
 688                 protocol: "http:",
 689                 host: "example.com",
 690                 port: "80",
 691                 pathname: "/",
 692                 args: {},
 693                 hash: ""
 694             }
 695         }, {
 696             url: "http://example.com:80/",
 697             opt: {ignorePort80: true},
 698             exp: {
 699                 protocol: "http:",
 700                 host: "example.com",
 701                 port: "",
 702                 pathname: "/",
 703                 args: {},
 704                 hash: ""
 705             }
 706         }, {
 707             url: "http://example.com/",
 708             opt: {ignorePort80: true},
 709             exp: {
 710                 protocol: "http:",
 711                 host: "example.com",
 712                 port: "",
 713                 pathname: "/",
 714                 args: {},
 715                 hash: ""
 716             }
 717         }, {
 718             url: "http://example.com:88/",
 719             exp: {
 720                 protocol: "http:",
 721                 host: "example.com",
 722                 port: "88",
 723                 pathname: "/",
 724                 args: {},
 725                 hash: ""
 726             }
 727         }, {
 728             url: "http://example.com:88/foo#bar",
 729             exp: {
 730                 protocol: "http:",
 731                 host: "example.com",
 732                 port: "88",
 733                 pathname: "/foo",
 734                 args: {},
 735                 hash: "#bar"
 736             }
 737         }, {
 738             url: "http://example.com:88/?foo=bar",
 739             exp: {
 740                 protocol: "http:",
 741                 host: "example.com",
 742                 port: "88",
 743                 pathname: "/",
 744                 args: {foo: "bar"},
 745                 hash: ""
 746             }
 747         }, {
 748             url: "http://example.com/bogus/../bogus/../path",
 749             exp: {
 750                 protocol: "http:",
 751                 host: "example.com",
 752                 port: "80",
 753                 pathname: "/path",
 754                 args: {},
 755                 hash: ""
 756             }
 757         }, {
 758             url: "/relative#foo",
 759             exp: {
 760                 protocol: window.location.protocol,
 761                 host: window.location.hostname,
 762                 port: window.location.port || "80",
 763                 pathname: "/relative",
 764                 args: {},
 765                 hash: "#foo"
 766             }
 767         }, {
 768             url: "../foo",
 769             exp: {
 770                 protocol: window.location.protocol,
 771                 host: window.location.hostname,
 772                 port: window.location.port || "80",
 773                 pathname: (function() {
 774                     var parts = window.location.pathname.split("/");
 775                     return parts.slice(0, parts.length -2).join("/") + "/foo";
 776                 })(),
 777                 args: {},
 778                 hash: ""
 779             }
 780         }];
 781
 782         t.plan(cases.length);
 783
 784         var c, obj;
 785         for(var i=0; i<cases.length; ++i) {
 786             c = cases[i];
 787             obj = OpenLayers.Util.createUrlObject(c.url, c.opt);
 788             t.eq(obj, c.exp, i + ": '" + c.url + "'");
 789         }
 790
 791     }
 792
 793     function test_Util_createUniqueIDSeq(t) {
 794         t.plan(1);
 795
 796         OpenLayers.Util.lastSeqID = 0;
 797         OpenLayers.Util.createDiv();
 798         OpenLayers.Util.createDiv();
 799         t.eq(OpenLayers.Util.createDiv().id, "OpenLayersDiv3", "Div created is sequential, starting at lastSeqID in Util.");
 800     }
 801
 802     function test_Util_getParameters(t) {
 803         t.plan(6);
 804
 805         t.eq(OpenLayers.Util.getParameters('http://www.example.com'), {},
 806              "getParameters works when args = ''");
 807         t.eq(OpenLayers.Util.getParameters('http://www.example.com?'), {},
 808              "getParameters works when args = '?'");
 809         t.eq(OpenLayers.Util.getParameters('http://www.example.com?hello=world&foo=bar'),
 810              {'hello' : 'world', 'foo': 'bar'},
 811              "getParameters works when args = '?hello=world&foo=bar'");
 812         t.eq(OpenLayers.Util.getParameters('http://www.example.com?hello=&foo=bar'),
 813              {'hello' : '', 'foo': 'bar'},
 814              "getParameters works when args = '?hello=&foo=bar'");
 815         t.eq(OpenLayers.Util.getParameters('http://www.example.com?foo=bar#bugssucks'),
 816              {'foo': 'bar'},
 817              "getParameters works when using a fragment identifier");
 818         t.eq(OpenLayers.Util.getParameters('http://www.example.com?foo=bar,pub,disco'),
 819              {'foo': ['bar', 'pub', 'disco']},
 820              "getParameters works with a comma-separated value (parses into array)");
 821     }
 822
 823     function test_Util_getArgs(t) {
 824         //DEPRECATED -- to be removed in 3.0
 825         t.plan(3);
 826
 827         OpenLayers.Lang.setCode(OpenLayers.Lang.defaultCode);
 828
 829         var temp = OpenLayers.Console.warn;
 830         OpenLayers.Console.warn = function(err) {
 831             t.ok(err != null, "warning is fired on use of getArgs()");
 832         }
 833
 834         var temp2 = OpenLayers.Util.getParameters;
 835         OpenLayers.Util.getParameters = function(url) {
 836             t.eq(url, g_Url, "correct url passed to getParameters()");
 837             return g_Params;
 838         }
 839
 840         g_Params = {};
 841         g_Url = {};
 842
 843         var ret = OpenLayers.Util.getArgs(g_Url);
 844         t.ok( ret == g_Params, "correctly returns value from getParameters");
 845
 846         OpenLayers.Console.warn = temp;
 847         OpenLayers.Util.getParameters = temp2;
 848     }
 849
 850     function tests_Util_extend(t) {
 851         t.plan(7);
 852
 853         var source = {
 854             num: Math.random(),
 855             obj: {
 856                 foo: "bar"
 857             },
 858             method: function() {
 859                 return "method";
 860             },
 861             toString: function() {
 862                 return "source";
 863             },
 864             nada: undefined
 865         };
 866         var destination = OpenLayers.Util.extend({nada: "untouched"}, source);
 867         t.eq(destination.num, source.num,
 868              "extend properly sets primitive property on destination");
 869         t.eq(destination.obj, source.obj,
 870              "extend properly sets object property on destination");
 871         t.eq(destination.method(), "method",
 872              "extend properly sets function property on destination");
 873         t.eq(destination.toString(), "source",
 874              "extend properly sets custom toString method");
 875         t.eq(destination.nada, "untouched",
 876              "undefined source properties don't clobber existing properties");
 877         t.eq(window.property, undefined, "Property variable not clobbered.");
 878
 879         var destination;
 880         var source = {rand: Math.random()};
 881         var ret = OpenLayers.Util.extend(destination, source);
 882         t.eq(destination.rand, source.rand, "works with undefined destination");
 883
 884     }
 885
 886     function test_XX_Util_Try(t) {
 887         t.plan(7);
 888
 889         var func1 = function() {
 890             t.ok(true, "func1 executed");
 891             throw "error";
 892         };
 893
 894         var func2 = function() {
 895             t.ok(true, "func2 executed");
 896             throw "error";
 897         };
 898
 899         g_TestVal3 = {};
 900         var func3 = function() {
 901             t.ok(true, "func3 executed");
 902             return g_TestVal3;
 903         };
 904
 905         g_TestVal4 = {};
 906         var func4 = function() {
 907             t.fail("func4 should *not* be executed");
 908             return g_TestVal4;
 909         };
 910
 911         var ret = OpenLayers.Util.Try(func1, func2);
 912         t.ok(ret == null, "if all functions throw exceptions, null returned");
 913
 914         var ret = OpenLayers.Util.Try(func1, func2, func3, func4);
 915         t.ok(ret == g_TestVal3, "try returns first sucessfully executed function's return");
 916
 917     }
 918
 919     function test_getRenderedDimensions(t) {
 920         t.plan(2);
 921         var content = (new Array(100)).join("foo ");
 922
 923         // test with fixed width
 924         var fw = OpenLayers.Util.getRenderedDimensions(content, {w: 20});
 925         t.eq(fw.w, 20, "got the fixed width");
 926
 927         // test with fixed height
 928         var fh = OpenLayers.Util.getRenderedDimensions(content, {h: 15});
 929         t.eq(fh.h, 15, "got the fixed height");
 930
 931     }
 932
 933     function test_toFloat(t) {
 934         t.plan(2);
 935         // actual possible computed Mercator tile coordinates, more or less
 936         var a1=40075016.67999999, b1=-20037508.33999999,
 937             a2=40075016.68, b2=-20037508.34;
 938         t.eq(OpenLayers.Util.toFloat(a1), OpenLayers.Util.toFloat(a2),
 939             "toFloat rounds large floats correctly #1");
 940         t.eq(OpenLayers.Util.toFloat(b1), OpenLayers.Util.toFloat(b2),
 941             "toFloat rounds large floats correctly #2");
 942     }
 943   </script>
 944 </head>
 945 <body>
 946     <div id="map" style="width: 1024px; height: 512px;"/>
 947 </body>
 948 </html>