/
loadtest-dom.html
83 lines (78 loc) · 2.45 KB
/
loadtest-dom.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!doctype html>
<html>
<head>
<title>jsPlumb 2.2.7 load test harness</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="shortcut icon" type="image/png" href="../img/favicon.png">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link rel="stylesheet" href="../css/main.css">
<script src="../js/jsPlumb-2.2.7-min.js"></script>
</head>
<body class="loadtest">
<div>
<div id="setup">
<table>
<tr>
<td>Anchors</td>
<td>
<label><input type="radio" value="normal" name="anchors" checked>normal</label>
<label><input type="radio" value="dynamic" name="anchors">dynamic</label>
<label><input type="radio" value="continuous" name="anchors">continuous</label>
</td>
</tr>
<tr>
<td>Number of elements</td>
<td><input id="txtElements" value="10"></td>
</tr>
<tr>
<td>Suspend Drawing?</td>
<td>
<label><input type="radio" name="chkSuspend" value="yes" checked>Yes</label>
<label><input type="radio" name="chkSuspend" value="no">No</label>
</td>
</tr>
<tr>
<td>Paint jsPlumb artefacts?</td>
<td>
<label><input type="radio" name="chkPaint" value="yes" checked>Yes</label>
<label><input type="radio" name="chkPaint" value="no">No</label>
</td>
</tr>
<tr>
<td>setLabel?</td>
<td>
<label><input value="yes" type="radio" name="chkLabel" checked>yes</label>
<label><input value="no" type="radio" name="chkLabel">no</label>
</td>
</tr>
</table>
</div>
<div id="output">
<table colspacing="20">
<tr>
<td colspan="2">Num Connections:</td><td colspan="2" id="numConnections"></td>
</tr>
<tr>
<td>Reset time:</td><td id="resetTime"></td>
<td>Total time:</td><td id="totalCreateTime"></td>
</tr>
<tr>
<td>Create time:</td><td id="createTime"></td>
<td>Average create time:</td><td id="averageCreateTime"></td>
</tr>
<tr>
<td>Repaint time:</td><td id="repaintTime"></td>
<td>Average Repaint time:</td><td id="averageRepaintTime"></td>
</tr>
</table>
</div>
<button id="btnTest">Run Test</button>
<button id="btnReset">Reset</button>
</div>
<div id="demo"></div>
<!-- load test code -->
<script src="loadtest.js"></script>
</body>
</html>