/
test.html
69 lines (59 loc) · 1.99 KB
/
test.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>QUnit</title>
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.12.0.css">
</head>
<body>
<div id="myCanvas" width="500" height="200" style="border: 1px solid black"></div>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="http://code.jquery.com/qunit/qunit-1.12.0.js"></script>
<script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="/chart.js" charset="utf-8"></script>
<script>
test("simple work", function() {
var c = new CLACK.Chart(document.getElementById('myCanvas'), { width: 10, height: 10 });
ok(c !== undefined, "chart is defined");
var index = c.addSeries({
x: [ 0, 5, 10],
y: [ 10, 20, 30],
label: 'foobar',
color: 'red'
});
ok(index === 0, 'first added series is an index of 0');
var ctx = c.getContext('default');
ok(ctx !== undefined, 'chart has a default context');
ok(ctx.xmax === 10, 'xmax is 10');
ok(ctx.xmin === 0, 'xmin is 0');
ok(ctx.xrange === 10, 'xrange is 10');
ok(ctx.ymax === 30, 'ymax is 30');
ok(ctx.ymin === 10, 'ymin is 10');
ok(ctx.yrange === 20, 'yrange is 20');
ok(ctx.minLength === 3, 'minLength is 3');
ok(ctx.maxLength === 3, 'maxLength is 3');
c.addToSeries('default', index, [11, -1], [31, 9]);
ok(ctx.xmax === 11, 'xmax is 11');
ok(ctx.xmin === -1, 'xmin is -1');
ok(ctx.xrange === 12, 'xrange is 12');
ok(ctx.ymax === 31, 'ymax is 31');
ok(ctx.ymin === 9, 'ymin is 9');
ok(ctx.yrange === 22, 'yrange is 22');
c.addMarker({
x1: -2,
x2: 12,
y1: 8,
y2: 32
});
ok(ctx.xmax === 12, 'xmax is 12');
ok(ctx.xmin === -2, 'xmin is -2');
ok(ctx.xrange === 14, 'xrange is 14');
ok(ctx.ymax === 32, 'ymax is 32');
ok(ctx.ymin === 8, 'ymin is 8');
ok(ctx.yrange === 24, 'yrange is 24');
});
</script>
</body>
</html>