test_Layer_WMS.html 9.25 KB
<html>
<head>
    <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ'></script>
<script src="../lib/OpenLayers.js"></script>
  <script type="text/javascript"><!--
    var isMozilla = (navigator.userAgent.indexOf("compatible") == -1);
    var layer; 

    var name = 'Test Layer';
    var url = "http://octo.metacarta.com/cgi-bin/mapserv";
    var params = { map: '/mapdata/vmap_wms.map', 
                   layers: 'basic', 
                   format: 'image/png'};

    function test_01_Layer_WMS_constructor (t) {
        t.plan( 4 );

        var url = "http://octo.metacarta.com/cgi-bin/mapserv";
        layer = new OpenLayers.Layer.WMS(name, url, params);
        t.ok( layer instanceof OpenLayers.Layer.WMS, "new OpenLayers.Layer.WMS returns object" );
        t.eq( layer.url, "http://octo.metacarta.com/cgi-bin/mapserv", "layer.url is correct (HTTPRequest inited)" );
        t.eq( layer.params.MAP, "/mapdata/vmap_wms.map", "params passed in correctly uppercased" );

        t.eq( layer.params.SERVICE, "WMS", "default params correclty uppercased and copied");


    }
    
    function test_02_Layer_WMS_addtile (t) {
        t.plan( 6 );
    
        var url = "http://octo.metacarta.com/cgi-bin/mapserv";
        layer = new OpenLayers.Layer.WMS(name, url, params);
        var map = new OpenLayers.Map($('map'));
        map.addLayer(layer);
        var pixel = new OpenLayers.Pixel(5,6);
        var tile = layer.addTile(new OpenLayers.Bounds(1,2,3,4), pixel);
        tile.draw();

        var img = tile.imgDiv;
        var tParams = OpenLayers.Util.extend({},
                        OpenLayers.Util.upperCaseObject(params));
        tParams = OpenLayers.Util.extend(tParams, {
            SERVICE: "WMS", VERSION: "1.1.1",
            REQUEST: "GetMap", STYLES: "",
            EXCEPTIONS: "application/vnd.ogc.se_inimage",
            SRS: "EPSG:4326", BBOX: "1,2,3,4",
            WIDTH: "256", HEIGHT: "256"
        });
        t.eq( img.src,
             url + "?" + OpenLayers.Util.getParameterString(tParams),
             "image src is created correctly via addtile" );
        t.eq( tile.imgDiv.style.top, "6px", "image top is set correctly via addtile" );
        t.eq( tile.imgDiv.style.left, "5px", "image top is set correctly via addtile" );

        var firstChild = layer.div.firstChild;
        if (!isMozilla)
            t.ok( true, "skipping element test outside of Mozilla");
        else
            t.ok( firstChild instanceof HTMLElement, "div first child is an image object" );
        t.eq( firstChild.src,
             url + "?" + OpenLayers.Util.getParameterString(tParams),
             "div first child is correct image object" );
        t.eq( tile.position.toString(), "x=5,y=6", "Position of tile is set correctly." );
    }
    
    function test_03_Layer_WMS_inittiles (t) {
        t.plan( 2 );
        var map = new OpenLayers.Map($('map'));
        layer = new OpenLayers.Layer.WMS(name, url, params);
        map.addLayer(layer);
        map.setCenter(new OpenLayers.LonLat(0,0),5);
        t.eq( layer.grid.length, 7, "Grid rows is correct." );
        t.eq( layer.grid[0].length, 6, "Grid cols is correct." );
        
    }


    function test_04_Layer_WMS_clone (t) {
        t.plan(4);
        
        var url = "http://octo.metacarta.com/cgi-bin/mapserv";
        var options = {tileSize: new OpenLayers.Size(500,50)};
        var map = new OpenLayers.Map('map', options);
        layer = new OpenLayers.Layer.WMS(name, url, params);
        map.addLayer(layer);

        layer.grid = [ [6, 7], 
                       [8, 9]];

        var clone = layer.clone();

        t.ok( clone.grid != layer.grid, "clone does not copy grid");

        t.ok( clone.tileSize.equals(layer.tileSize), "tileSize correctly cloned");

        layer.tileSize.w += 40;

        t.eq( clone.tileSize.w, 500, "changing layer.tileSize does not change clone.tileSize -- a fresh copy was made, not just copied reference");

        t.eq( clone.alpha, layer.alpha, "alpha copied correctly");

        layer.grid = null;
    }

    function test_05_Layer_WMS_isBaseLayer(t) {
        t.plan(3);
        
        var url = "http://octo.metacarta.com/cgi-bin/mapserv";
        layer = new OpenLayers.Layer.WMS(name, url, params);
        t.ok( layer.isBaseLayer, "baselayer is true by default");

        var newParams = OpenLayers.Util.extend(new Object(), params);
        newParams.transparent = "true";
        layer = new OpenLayers.Layer.WMS(name, url, newParams);
        t.ok( !layer.isBaseLayer, "baselayer is false when transparent is set to true");

        layer = new OpenLayers.Layer.WMS(name, url, params, {isBaseLayer: false});
        t.ok( !layer.isBaseLayer, "baselayer is false when option is set to false" );
    }

    function test_06_Layer_WMS_mergeNewParams (t) {
        t.plan( 3 );

        var url = "http://octo.metacarta.com/cgi-bin/mapserv";
        layer = new OpenLayers.Layer.WMS(name, url, params);
        
        var newParams = { layers: 'sooper', 
                          chickpeas: 'image/png'};

        layer.mergeNewParams(newParams);
        
        t.eq( layer.params.LAYERS, "sooper", "mergeNewParams() overwrites well");
        t.eq( layer.params.CHICKPEAS, "image/png", "mergeNewParams() adds well");

        newParams.CHICKPEAS = 151;

        t.eq( layer.params.CHICKPEAS, "image/png", "mergeNewParams() makes clean copy of hashtable");
    }

    function test_07_Layer_WMS_getFullRequestString (t) {

        
        t.plan( 2 );
        var map = new OpenLayers.Map('map');
        map.projection = "xx";
        tUrl = "http://octo.metacarta.com/cgi-bin/mapserv";
        tParams = { layers: 'basic', 
                   format: 'image/png'};
        var tLayer = new OpenLayers.Layer.WMS(name, tUrl, tParams);
        map.addLayer(tLayer);
        str = tLayer.getFullRequestString();
        var tParams = {
            LAYERS: "basic", FORMAT: "image/png", SERVICE: "WMS",
            VERSION: "1.1.1", REQUEST: "GetMap", STYLES: "",
            EXCEPTIONS: "application/vnd.ogc.se_inimage", SRS: "xx"
        };
        t.eq(str,
             tUrl + "?" + OpenLayers.Util.getParameterString(tParams),
             "getFullRequestString() adds SRS value");
 
        tLayer.projection = "none";
        str = tLayer.getFullRequestString();
        delete tParams['SRS'];
        t.eq(str,
             tUrl + "?" + OpenLayers.Util.getParameterString(tParams),
             "getFullRequestString() by default does *not* add SRS value if projection is 'none'");
 
    }

    function test_08_Layer_WMS_setOpacity (t) {
        t.plan( 5 );

        var map = new OpenLayers.Map('map');
        map.projection = "xx";
        tUrl = "http://octo.metacarta.com/cgi-bin/mapserv";
        tParams = { layers: 'basic', 
                   format: 'image/png'};
        tOptions = { 'opacity': '0.5' };           
        var tLayer = new OpenLayers.Layer.WMS(name, tUrl, tParams, tOptions);
        map.addLayer(tLayer);
        map.zoomToMaxExtent();
        t.eq(tLayer.opacity, "0.5", "Opacity is set correctly");
        t.eq(parseFloat(tLayer.div.firstChild.style.opacity), 0.5, "Opacity on tile is correct");
        tLayer.setOpacity("0.6");
        t.eq(tLayer.opacity, "0.6", "setOpacity works properly");
        t.eq(parseFloat(tLayer.div.firstChild.style.opacity), 0.6, "Opacity on tile is changed correctly");
        var pixel = new OpenLayers.Pixel(5,6);
        var tile = tLayer.addTile(new OpenLayers.Bounds(1,2,3,4), pixel);
        tile.draw();
        t.eq(parseFloat(tile.imgDiv.style.opacity), 0.6, "Tile opacity is set correctly");

    }    
    
    function test_20_Layer_WMS_Reproject (t) { 
        t.plan(5);
        var map = new OpenLayers.Map('map');
        var layer = new OpenLayers.Layer.Google("Google");
        map.addLayer(layer);
        layer = new OpenLayers.Layer.WMS(name, url, params, {isBaseLayer: false});
        layer.isBaseLayer=false;
        map.addLayer(layer);
        map.setCenter(new OpenLayers.LonLat(0,0), 5);
        var tile = layer.grid[0][0];
        t.eq( tile.bounds.left, -22.5, "left side matches" ); 
        t.eq( tile.bounds.right, -11.25, "top side matches" ); 
        t.eq( tile.bounds.bottom.toFixed(6), '11.178402', "bottom side matches" ); 
        t.eq( tile.bounds.top.toFixed(6), '21.943046', "top side matches" ); 
        
        var map = new OpenLayers.Map('map');
        layer = new OpenLayers.Layer.WMS(name, url, params);
        map.addLayer(layer);
        map.setCenter(new OpenLayers.LonLat(0,0), 5);
        var tile = layer.grid[0][0];
        t.ok( tile.bounds.equals(new OpenLayers.Bounds(-33.75, 33.75, -22.5, 45)), "okay");
    }
    
    function test_99_Layer_WMS_destroy (t) {

        t.plan( 1 );

        var map = new OpenLayers.Map('map');
        layer = new OpenLayers.Layer.WMS(name, url, params);
        map.addLayer(layer);

        map.setCenter(new OpenLayers.LonLat(0,0), 5);

        //grab a reference to one of the tiles
        var tile = layer.grid[0][0];        

        layer.destroy();
        
    // checks to make sure superclass (grid) destroy() was called    
        
        t.ok( layer.grid == null, "grid set to null");
    }
    
  // -->
  </script>
</head>
<body>
<div id="map" style="width:500px;height:550px"></div>
</body>
</html>