-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
/
karate-timeline.html
31 lines (31 loc) · 1.14 KB
/
karate-timeline.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
<!DOCTYPE HTML>
<html>
<head>
<title>Karate Timeline</title>
<style>
body, html { font-family: arial, sans-serif; font-size: 11pt; }
#visualization { box-sizing: border-box; width: 100%; height: 300px; }
.vis-item.failed { background-color: #F2928C; }
.page-heading { padding: 0.5em; margin-bottom: 0.5em; background-color: lightcyan; border: 1px solid gray; }
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="page-heading">
<a href="karate-summary.html">Summary</a>
</div>
<div id="visualization"></div>
<script th:utext="results.data">
var groups = [];
var items = [];
</script>
<script>
var container = document.getElementById('visualization');
var timeline = new vis.Timeline(container);
timeline.setOptions({groupOrder: 'content'});
timeline.setGroups(new vis.DataSet(groups));
timeline.setItems(new vis.DataSet(items));
</script>
</body>
</html>