/
perftest-webmol.html
111 lines (88 loc) · 3.95 KB
/
perftest-webmol.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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html>
<head>
<title>$3Dmol Speed Test</title>
<link rel="stylesheet" href="qunit.css">
<style>
html body { padding: 0; margin: 0 }
</style>
<script src="../build/3Dmol.js"></script>
<!--<script src="glmol/GLmol.js"></script>
<script src="jsmol/jsmol/JSmol.min.nojq.js"></script> -->
<script src="qunit.js"></script>
<script src="qunit-once.js"></script>
<script src="qunit-reporter-junit.js"></script>
<script>
var viewer;
var testSuite = '3Dmol';
var resultTimes = {
"initialization" : -1,
"stick render" : -1,
"line render" : -1,
"sphere render" : -1,
"cross render" : -1,
"cartoon render" : -1
};
//Don't start tests until everything is setup
QUnit.config.autostart = false;
//Add profile option to QUnit header
QUnit.config.urlConfig.push({
id: "profilecheck",
label: "profile",
value: "",
tooltip: "Profile rendering"
});
//QUnit-reporter hook to output test results in XML format
QUnit.jUnitReport = function(data) {
var resultXML = $.parseXML(data.xml);
//Wrap XML result in JQuery object; parse and setup output string
var result = $(resultXML);
var resultStr = "Viewer Performance Tests: Calicivirus Capsid, 12,362 atoms (3M8L)\n";
var runTime = result.find("testsuites").attr("time");
var runDate = result.find("testsuites").attr("timestamp");
resultStr += "Total Test Time: " + runTime + " s\n";
resultStr += "Date: " + runDate + "\n\n";
result.find("testsuite").each(function(){
var moduleName = $(this).attr("name");
var moduleTime = $(this).attr("time");
resultStr += "\n" + moduleName;
//alert(moduleName);
$(this).find("testcase").each(function() {
var testName = $(this).attr("name");
var testTime = resultTimes[testName] / 1000;
var testTimeTot = $(this).attr("time");
resultStr += "\n\t" + testName + ": " + testTime + " s" + " (" + testTimeTot + "s)";
//alert(testName);
});
resultStr += "\n\tTotal: " + moduleTime + " s\n";
});
//Set up a link to download test results
$("#qunit-testresult").append("<br><a id='download'>Download</a>");
var url = "data:text/plain;charset=utf-8," + encodeURIComponent(resultStr);
$("#download").attr("download", "webgltest.log");
$("#download").attr("href", url);
//alert(resultStr);
};
$(document).ready(function() {
var start = new Date();
viewer = $3Dmol.createViewer("viewerdiv", {defaultcolors: $3Dmol.rasmolElementColors});
viewer.setBackgroundColor(0xffffff);
$.get("test_structs/3M8L.pdb", function(data) {
viewer.addModel(data, "pdb");
var end = new Date();
resultTimes['initialization'] = end - start;
QUnit.start();
}, "text");
console.log("Starting tests");
});
</script>
<script src="perftest.js"></script>
</head>
<body>
<div id="viewerdiv" style="width: 600px; height: 600px; display: inline-block;"></div>
<div style="display: inline-block; vertical-align: top; max-width: 50%;">
<div id="qunit"></div>
<div id="qunit-fixture"></div>
</div>
</body>
</html>