summaryrefslogtreecommitdiff
path: root/misc/openlayers/tests/StyleMap.html
blob: 6c633c3d8d01360c41ac00202458b0bfb718aaf4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html> 
<head> 
    <script src="OLLoader.js"></script> 
    <script type="text/javascript">

    function test_StyleMap_constructor(t) { 
        t.plan(6);
         
        var options = {'foo': 'bar'}; 
        var styleMap = new OpenLayers.StyleMap(null, options); 
        t.ok(styleMap instanceof OpenLayers.StyleMap, 
             "new OpenLayers.StyleMap returns object" ); 
        t.eq(styleMap.foo, "bar", "constructor sets options correctly"); 

        var style = new OpenLayers.Style();
        var styleMap = new OpenLayers.StyleMap(style);
        t.eq(styleMap.styles["default"].defaultStyle.strokeColor, style.defaultStyle.strokeColor, "default style set correctly from style object");

        var style = {strokeColor: "blue"};
        var styleMap = new OpenLayers.StyleMap(style);
        t.eq(styleMap.styles["default"].defaultStyle.strokeColor, "blue", "default style set correctly from style hash");
        
        var style = {
            "default": new OpenLayers.Style({strokeColor: "yellow"}),
            "select": {strokeColor: "blue"}};
        var styleMap = new OpenLayers.StyleMap(style);
        t.eq(styleMap.styles["default"].defaultStyle.strokeColor, "yellow", "default style set correctly from a mixed hash of renderIntents");
        t.eq(styleMap.styles["select"].defaultStyle.strokeColor, "blue", "select style set correctly from a mixed hash of renderIntents");
    }
    
    function test_StyleMap_destroy(t) {
        t.plan(2);
        var styleMap = new OpenLayers.StyleMap();
        t.ok(styleMap.styles["default"], "Got a default style after initialisation");
        styleMap.destroy();
        t.ok(!styleMap.styles, "StyleMap styles successfully destroyed");
    }
    
    </script> 
</head> 
<body> 
  <div id="map" style="width:500px;height:500px"></div>
</body> 
</html>