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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
<!DOCTYPE html>
<html>
<head>
<script src="../OLLoader.js"></script>
<script type="text/javascript">
function test_ZoomOut_constructor (t) {
t.plan( 2 );
// setup
var control = new OpenLayers.Control.ZoomOut();
// tests
//
t.ok(
control instanceof OpenLayers.Control.ZoomOut,
"new OpenLayers.Control.ZoomOut returns object"
);
t.eq(
control.displayClass, "olControlZoomOut",
"displayClass is correct"
);
// tear down
control.destroy();
}
function test_ZoomOut_type(t){
t.plan( 1 );
// setup
var control = new OpenLayers.Control.ZoomOut();
// check that the type of the control equals OpenLayers.Control.TYPE_BUTTON
t.eq(
control.type,
OpenLayers.Control.TYPE_BUTTON,
'ZoomOut-control is of type "OpenLayers.Control.TYPE_BUTTON".'
);
// tear down
control.destroy();
}
function test_ZoomOut_trigger (t) {
t.plan( 2 );
// set up
var control = new OpenLayers.Control.ZoomOut(),
zoomlevel = 5,
map = new OpenLayers.Map("map", {
allOverlays: true,
layers: [
new OpenLayers.Layer.Vector()
],
center: new OpenLayers.LonLat(1,1),
zoom: zoomlevel
}),
oldZoom;
oldZoom = map.getZoom();
// tests
//
// trigger the control before it is being added,
// nothing should change
control.trigger();
t.eq(
oldZoom,
zoomlevel,
'Calling trigger on a non added control doesn\'t do anything ' +
'(map zoom is ' + oldZoom + ').'
);
// now lets add the control
map.addControl(control);
// trigger it again, now the map should have a different extent
control.trigger();
t.eq(
map.getZoom(),
zoomlevel - 1,
'Calling trigger on a added control changes the map zoom ' +
'(map zoom was ' + zoomlevel +
' and is now ' + map.getZoom() + ').'
);
// tear down
control.destroy();
map.destroy();
}
</script>
</head>
<body>
<div id="map" style="width: 1000px; height: 1000px;"></div>
</body>
</html>
|
