robo-automation-test-kit 1.0.0__py3-none-any.whl

robo_automation_test_kit/templates/html_report/components/status-center-chart.html

@@ -0,0 +1,148 @@
+<!-- Status by Center Chart Component -->
+<div class="chart-container">
+    <canvas id="statusByCenterChart" width="360" height="288"></canvas>
+</div>
+<script>
+function initializeStatusCenterChart() {
+    const ctx = document.getElementById('statusByCenterChart');
+    if (!ctx) {
+        setTimeout(initializeStatusCenterChart, 100);
+        return;
+    }
+    
+    if (typeof window.statusColors === 'undefined' || typeof window.add3DEffect === 'undefined' || typeof Chart === 'undefined') {
+        setTimeout(initializeStatusCenterChart, 100);
+        return;
+    }
+
+    const centerStatusData = [
+        {% for result in report_rows %}
+        {
+            center: `{{ result.Center|e }}`,
+            status: `{{ result.test_status|e }}`
+        }{% if not loop.last %},{% endif %}
+        {% endfor %}
+    ];
+    
+    const statusTypes = window.statusTypes || ['PASSED', 'FAILED', 'SKIPPED'];
+    const statusColors = window.statusColors;
+    const add3DEffect = window.add3DEffect;
+
+    const centerSet = new Set();
+    centerStatusData.forEach(r => {
+        if (r.center && r.center !== '-') centerSet.add(r.center);
+    });
+    const centerLabels = Array.from(centerSet);
+
+    const statusByCenter = {};
+    centerStatusData.forEach(r => {
+        if (!r.center || r.center === '-') return;
+        let status = (r.status || '').toUpperCase();
+        if (status === 'ERROR') status = 'FAILED';
+        if (!statusTypes.includes(status)) return;
+        if (!statusByCenter[r.center]) statusByCenter[r.center] = { PASSED: 0, FAILED: 0, SKIPPED: 0 };
+        if (statusByCenter[r.center][status] !== undefined) statusByCenter[r.center][status]++;
+        if (statusByCenter[r.center][status] !== undefined) statusByCenter[r.center][status]++;
+    });
+
+    const barDatasets = statusTypes.map(st => ({
+        label: st.charAt(0) + st.slice(1).toLowerCase(),
+        data: centerLabels.map(c => (statusByCenter[c] ? statusByCenter[c][st] : 0)),
+        backgroundColor: statusColors[st],
+        borderWidth: 1
+    }));
+    
+    const ctxObj = ctx.getContext('2d');
+    const bar3dDatasets = barDatasets.map(ds => ({
+        ...ds,
+        backgroundColor: add3DEffect(ctxObj, 'bar', [statusColors[ds.label.toUpperCase()]])
+    }));
+    
+    // Destroy existing chart instance if it exists
+    const existingChart = Chart.getChart('statusByCenterChart');
+    if (existingChart) {
+        existingChart.destroy();
+    }
+    
+    new Chart(ctxObj, {
+        type: 'bar',
+        data: {
+            labels: centerLabels,
+            datasets: bar3dDatasets
+        },
+        options: {
+            indexAxis: 'y',
+            responsive: false,
+            plugins: {
+                legend: {
+                    display: true,
+                    position: 'top',
+                    align: 'center',
+                    margin: 0,
+                    labels: {
+                        font: { size: 10 },
+                        usePointStyle: true,
+                        boxHeight: 12,
+                        pointStyle: 'rect',
+                        generateLabels: function(chart) {
+                            return chart.data.datasets.map((ds, i) => {
+                                const label = ds.label;
+                                const color = statusColors[label.toUpperCase()] || '#888';
+                                return {
+                                    text: label,
+                                    fillStyle: color,
+                                    strokeStyle: color,
+                                    lineWidth: 1,
+                                    pointStyle: 'rect',
+                                    hidden: false,
+                                    index: i
+                                };
+                            });
+                        }
+                    }
+                },
+                title: { display: true, text: 'Status by Center', font: { size: 18 }, padding: { top: 0, bottom: 4 } }
+            },
+            scales: {
+                x: {
+                    stacked: true,
+                    title: {
+                        display: true,
+                        text: 'Test Cases',
+                        font: { size: 12, weight: 'bold' },
+                        color: '#212121'
+                    },
+                    ticks: {
+                        font: { size: 10, weight: 'bold' },
+                        color: '#212121',
+                        stepSize: 1,
+                        callback: function(value) {
+                            if (Number.isInteger(value)) return value;
+                            return '';
+                        }
+                    }
+                },
+                y: {
+                    stacked: true,
+                    title: { display: false },
+                    ticks: {
+                        font: { size: 10, weight: 'bold' },
+                        color: '#212121',
+                        stepSize: 1,
+                        callback: function(value, index) {
+                            return centerLabels && centerLabels[index] ? centerLabels[index] : value;
+                        }
+                    }
+                }
+            }
+        }
+    });
+}
+(function() {
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', initializeStatusCenterChart);
+    } else {
+        initializeStatusCenterChart();
+    }
+})();
+</script>

robo_automation_test_kit/templates/html_report/components/summary-chart.html

@@ -0,0 +1,94 @@
+<!-- Results Summary Chart Component -->
+<div class="chart-container">
+    <canvas id="summaryChart" width="360" height="288"></canvas>
+</div>
+<script>
+function initializeSummaryChart() {
+    const ctx = document.getElementById('summaryChart');
+    if (!ctx) {
+        setTimeout(initializeSummaryChart, 100);
+        return;
+    }
+    
+    if (typeof window.statusColors === 'undefined' || typeof window.add3DEffect === 'undefined' || typeof Chart === 'undefined') {
+        setTimeout(initializeSummaryChart, 100);
+        return;
+    }
+    
+    // Extract status data from template
+    const statusData = [
+        {% for result in report_rows %}
+        `{{ result.test_status|e }}`{% if not loop.last %},{% endif %}
+        {% endfor %}
+    ];
+    
+    // Calculate summary data from status
+    const summaryData = [0, 0, 0]; // [Passed, Failed, Skipped]
+    statusData.forEach(status => {
+        if (status === 'PASSED') summaryData[0]++;
+        else if (status === 'FAILED' || status === 'ERROR') summaryData[1]++;
+        else if (status === 'SKIPPED') summaryData[2]++;
+    });
+    
+    // Destroy existing chart instance if it exists
+    const existingChart = Chart.getChart('summaryChart');
+    if (existingChart) {
+        existingChart.destroy();
+    }
+    
+    const baseColors = [window.statusColors['PASSED'], window.statusColors['FAILED'], window.statusColors['SKIPPED']];
+    new Chart(ctx.getContext('2d'), {
+        type: 'pie',
+        data: {
+            labels: ['Passed', 'Failed', 'Skipped'],
+            datasets: [{
+                data: summaryData,
+                backgroundColor: window.add3DEffect(ctx.getContext('2d'), 'pie', baseColors),
+                borderWidth: 1
+            }]
+        },
+        options: {
+            responsive: false,
+            plugins: {
+                title: {
+                    display: true,
+                    text: 'Results Summary',
+                    font: { size: 16, weight: 'bold' },
+                    color: '#212121',
+                    padding: { top: 0, bottom: 12 }
+                },
+                legend: {
+                    display: true,
+                    position: 'right',
+                    align: 'center',
+                    labels: {
+                        font: { size: 14 },
+                        usePointStyle: true,
+                        pointStyle: 'circle',
+                        generateLabels: function(chart) {
+                            const data = chart.data;
+                            return data.labels.map((label, i) => {
+                                return {
+                                    text: label,
+                                    fillStyle: baseColors[i],
+                                    strokeStyle: baseColors[i],
+                                    lineWidth: 1,
+                                    hidden: false,
+                                    index: i
+                                };
+                            });
+                        }
+                    }
+                }
+            }
+        }
+    });
+}
+(function() {
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', initializeSummaryChart);
+    } else {
+        initializeSummaryChart();
+    }
+})();
+</script>

robo_automation_test_kit/templates/html_report/html_template.html

@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+{% set page_title = (summary.project_name ~ ' ' if summary.project_name else '') ~ report_title ~ (' - ( ' ~
+summary.env_name ~ ' )' if summary.env_name else '') %}
+
+<head>
+    <meta charset="UTF-8">
+    <title>{{ page_title }}</title>
+    <style>
+        {{ embedded_material_icons }}
+        {{ embedded_robo_fonts }}
+    </style>
+    <script>
+        {{ embedded_chart_js }}
+    </script>
+    <script>
+        {{ embedded_report_js }}
+    </script>
+    <style>
+        {{ embedded_css }}
+    </style>
+</head>
+
+<body>
+    <div class="dashboard-container">
+        <div>
+            <div class="dashboard-header">
+                <div class="dashboard-title">{{ page_title }}</div>
+            </div>
+
+            <div class="charts-row">
+                <!-- Results Summary Chart Component -->
+                {% include "components/summary-chart.html" %}
+                <!-- Distribution by Center Chart Component -->
+                {% if report_rows|selectattr('Center')|select|list|length > 0 %}
+                {% include "components/center-chart.html" %}
+                {% endif %}
+                <!-- Status by Phase Chart Component -->
+                {% if report_rows|selectattr('Phase')|select|list|length > 0 %}
+                {% include "components/phase-chart.html" %}
+                {% endif %}
+                <!-- Status by Request Category Chart Component -->
+                {% if report_rows|selectattr('Request Category')|select|list|length > 0 %}
+                {% include "components/category-chart.html" %}
+                {% endif %}
+                <!-- Status by Center Chart Component -->
+                {% if report_rows|selectattr('Center')|select|list|length > 0 %}
+                {% include "components/status-center-chart.html" %}
+                {% endif %}
+            </div>
+
+            <!-- Results Table Component -->
+            {% include "components/results-table.html" %}
+        </div>
+    </div>
+    <footer class="report-footer">
+        This report was generated by <strong>{{ summary.test_framework }}</strong> on <strong>{{ summary.generated_date
+            }}</strong> at <strong>{{ summary.generated_time }}</strong>.
+    </footer>
+</body>
+
+</html>

robo_automation_test_kit/templates/html_report/scripts/css/material-icons.css

@@ -0,0 +1,20 @@
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+}