DaHoC/JUnitReportTestDurationPieChart.html

## JUnitReportTestDurationPieChart.html
<html>
  <head>
    <title>JUnit Test Report Pie Chart over test durations</title>
    <meta content="">
    <style></style>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
        // Load google charts
        google.charts.load('current', {'packages':['corechart']});
        // google.charts.setOnLoadCallback(drawChart);

        // Draw the chart and set the chart values
        function drawChart(dataArr) {
            var data = google.visualization.arrayToDataTable(dataArr);

            // Optional; add a title and set the width and height of the chart
            var options = {'title':'TestSuite durations'};

            // Display the chart inside the <div> element with id="piechart"
            var chart = new google.visualization.PieChart(document.getElementById('piechart'));
            chart.draw(data, options);
        }

        let zip = (a1, a2) => a1.map((x, i) => [x, a2[i]]);

    </script>
  </head>
  <body>
    <input class="box" id="fileselect" type="file">

    <div id="piechart" style="width: 100%; height: 100%"></div>

        <script type="text/javascript">
            var sel = document.getElementById('fileselect');
            sel.onchange = function() {
                var file = document.getElementById('fileselect').files[0]
                var reader = new FileReader();
                reader.onload = function (e) {
                    var parser = new DOMParser();
                    var xmlDoc = parser.parseFromString(e.target.result,"text/xml");
                    var testSuitesArr = [...xmlDoc.getElementsByTagName("testsuite")];
                    var names = testSuitesArr.map(element => element.getAttribute("name"));
                    var times = testSuitesArr.map(element => parseFloat(element.getAttribute("time")));
                    names.unshift("TestSuiteName");
                    times.unshift("ReqSec");
                    var namesAndTimes = zip(names, times);
                    drawChart(namesAndTimes);
                }
                if (file)
                    reader.readAsText(file)
            }
        </script>
  </body>
</html>
	<html>
	<head>
	<title>JUnit Test Report Pie Chart over test durations</title>
	<meta content="">
	<style></style>
	<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
	<script type="text/javascript">
	// Load google charts
	google.charts.load('current', {'packages':['corechart']});
	// google.charts.setOnLoadCallback(drawChart);

	// Draw the chart and set the chart values
	function drawChart(dataArr) {
	var data = google.visualization.arrayToDataTable(dataArr);

	// Optional; add a title and set the width and height of the chart
	var options = {'title':'TestSuite durations'};

	// Display the chart inside the <div> element with id="piechart"
	var chart = new google.visualization.PieChart(document.getElementById('piechart'));
	chart.draw(data, options);
	}

	let zip = (a1, a2) => a1.map((x, i) => [x, a2[i]]);

	</script>
	</head>
	<body>
	<input class="box" id="fileselect" type="file">

	<div id="piechart" style="width: 100%; height: 100%"></div>

	<script type="text/javascript">
	var sel = document.getElementById('fileselect');
	sel.onchange = function() {
	var file = document.getElementById('fileselect').files[0]
	var reader = new FileReader();
	reader.onload = function (e) {
	var parser = new DOMParser();
	var xmlDoc = parser.parseFromString(e.target.result,"text/xml");
	var testSuitesArr = [...xmlDoc.getElementsByTagName("testsuite")];
	var names = testSuitesArr.map(element => element.getAttribute("name"));
	var times = testSuitesArr.map(element => parseFloat(element.getAttribute("time")));
	names.unshift("TestSuiteName");
	times.unshift("ReqSec");
	var namesAndTimes = zip(names, times);
	drawChart(namesAndTimes);
	}
	if (file)
	reader.readAsText(file)
	}
	</script>
	</body>
	</html>