ortoni-report 3.0.5 → 4.0.2-beta.0

package/dist/views/userInfo.hbs

@@ -1,260 +0,0 @@
-<div class="columns is-multiline">
-    <div class="column">
-        <div class="box">
-            <header class="title is-4">Result</header>
-            <div class="field">
-                <strong for="Success Rate">Success Rate</strong>
-                <p class="is-flex is-align-items-center">
-                    <span class="icon has-text-success mr-2">
-                        <i class="fas fa-chart-pie"></i>
-                    </span>
-                    <span class="is-size-5 has-text-weight-bold">{{successRate}} %</span>
-                </p>
-            </div>
-            <div class="field">
-                <strong for="Last Run">Last Run</strong>
-                <p class="is-flex is-align-items-center">
-                    <span class="icon has-text-info mr-2">
-                        <i class="fas fa-calendar-alt"></i>
-                    </span>
-                    <span class="is-size-5">{{lastRunDate}}</span>
-                </p>
-            </div>
-            <div class="field">
-                <strong for="Duration">Duration</strong>
-                <p class="is-flex is-align-items-center">
-                    <span class="icon has-text-warning mr-2">
-                        <i class="fas fa-stopwatch"></i>
-                    </span>
-                    <span class="is-size-5">{{totalDuration}}</span>
-                </p>
-            </div>
-        </div>
-    </div>
-    <div class="column">
-        <div class="box">
-            <header class="title is-4">Suite</header>
-            {{#if (or authorName testType)}}
-            <div class="content">
-                {{#if projectName}}
-                <div class="field">
-                    <strong for="ProjectName">Project Name</strong>
-                    <p class="is-flex is-align-items-center">
-                        <span class="icon has-text-info mr-2">
-                            <i class="fa-solid fa-shield"></i>
-                        </span>
-                        <span class="is-size-5">{{projectName}}</span>
-                    </p>
-                </div>
-                {{/if}}
-                {{#if authorName}}
-                <div class="field">
-                    <strong for="Tester">Tester</strong>
-                    <p class="is-flex is-align-items-center">
-                        <span class="icon has-text-info mr-2">
-                            <i class="fas fa-user-tie"></i>
-                        </span>
-                        <span class="is-size-5">{{authorName}}</span>
-                    </p>
-                </div>
-                {{/if}}
-                {{#if testType}}
-                <div class="field">
-                    <strong for="testType">Test Type</strong>
-                    <p class="is-flex is-align-items-center">
-                        <span class="icon has-text-info mr-2">
-                            <i class="fas fa-code-branch"></i>
-                        </span>
-                        <span class="is-size-5">{{testType}}</span>
-                    </p>
-                </div>
-                {{/if}}
-            </div>
-            {{/if}}
-        </div>
-    </div>
-    {{#if meta}}
-    <div class="column">
-        <div class="box">
-            <header class="title is-4">Meta Information</header>
-            {{#each meta}}
-            <p><strong>{{@key}}:</strong> {{this}}</p>
-            {{/each}}
-        </div>
-    </div>
-    {{/if}}
-
-</div>
-
-<div class="box">
-    <div class="columns">
-        <div class="column">
-            <h2 class="is-4 has-text-weight-bold">Summary</h2>
-            <hr class="has-background-primary">
-            <div class="chart-container">
-                <canvas id="testChart"></canvas>
-            </div>
-        </div>
-        <div class="column">
-            <h2 class="is-4 has-text-weight-bold">Projects</h2>
-            <hr class="has-background-primary">
-            <div class="chart-container">
-                <canvas id="projectChart"></canvas>
-            </div>
-        </div>
-        <div class="column">
-            <h2 class="is-4 has-text-weight-bold">Each Projects</h2>
-            <hr class="has-background-primary">
-            <div class="chart-container has-text-centered">
-                <canvas id="projectbarChart"></canvas>
-            </div>
-        </div>
-        <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-        <script>
-            const overallChart = document.getElementById('testChart');
-            new Chart(overallChart, {
-                type: '{{ chartType }}',
-                data: {
-                    labels: ['Passed', 'Failed', 'Skipped', 'Flaky', 'Retry'],
-                    datasets: [{
-                        data: [{{ passCount }}, {{ failCount }}, {{ skipCount }}, {{ flakyCount }}, {{ retryCount }}],
-                backgroundColor: ['#28a745', '#ff6685', '#66d1ff', '#ffb70f', '#69748c']}]
-                },
-                options: {
-                    responsive: true,
-                    maintainAspectRatio: false,
-                    plugins: {
-                        legend: {
-                            position: 'bottom',
-                            labels: {
-                                filter: function (legendItem, chartData) {
-                                    const value = chartData.datasets[0].data[legendItem.index];
-                                    return value !== 0;
-                                }
-                            }
-                        },
-                        tooltip: {
-                            callbacks: {
-                                label: function (tooltipItem) {
-                                    const total = tooltipItem.dataset.data.reduce((a, b) => a + b, 0);
-                                    const value = tooltipItem.raw;
-                                    const percentage = ((value / total) * 100).toFixed(2);
-                                    return `${tooltipItem.label}: ${value} tests (${percentage}%)`;
-                                }
-                            }
-                        }
-                    }
-                }
-            });
-           
-            const projectChart = document.getElementById('projectChart');
-            const projectbarChart = document.getElementById('projectbarChart');
-
-            const projectNames = {{{ json projectNames }}};
-            const totalTests = {{{ json totalTests }}};
-            function generateRandomColor() {
-                const letters = '0123456789ABCDEF';
-                let color = '#';
-                for (let i = 0; i < 6; i++) {
-                    color += letters[Math.floor(Math.random() * 16)];
-                }
-                return color;
-            }
-            const backgroundColors = totalTests.map(() => generateRandomColor());
-            new Chart(projectChart, {
-                type: '{{ chartType }}',
-                data: {
-                    labels: projectNames,
-                    datasets: [{
-                        data: totalTests,
-                        backgroundColor: backgroundColors
-                    }]
-                },
-                options: {
-                    responsive: true,
-                    maintainAspectRatio: false,
-                    plugins: {
-                        legend: {
-                            position: 'bottom'
-                        },
-                        tooltip: {
-                            callbacks: {
-                                label: function (tooltipItem) {
-                                    return tooltipItem.label + ': ' + tooltipItem.raw + ' tests';
-                                }
-                            }
-                        }
-                    }
-                }
-            });
-            const passedTests = {{ json passedTests }};
-            const failedTests = {{ json failedTests }};
-            const skippedTests = {{ json skippedTests }};
-            const retryTests = {{ json retryTests }};
-            const flakyTests = {{ json flakyTests }};
-
-            new Chart(projectbarChart, {
-                type: 'bar',
-                data: {
-                    barPercentage: 1,
-                    barThickness: 6,
-                    maxBarThickness: 8,
-                    minBarLength: 2,
-                    labels: projectNames,
-                    datasets: [
-                        {
-                            label: 'Passed',
-                            data: passedTests,
-                            backgroundColor: '#28a745',
-                        },
-                        {
-                            label: 'Failed',
-                            data: failedTests,
-                            backgroundColor: '#ff6685',
-                        },
-                        {
-                            label: 'Skipped',
-                            data: skippedTests,
-                            backgroundColor: '#66d1ff',
-                        },
-                        {
-                            label: 'Flaky',
-                            data: flakyTests,
-                            backgroundColor: '#ffb70f',
-                        },
-                        {
-                            label: 'Retry',
-                            data: retryTests,
-                            backgroundColor: '#69748c',
-                        }
-                    ]
-                },
-                options: {
-                    indexAxis: 'y',
-                    responsive: true,
-                    maintainAspectRatio: false,
-                    scales: {
-                        x: {
-                            beginAtZero: true,
-                            ticks: {
-                                autoSkip: false,
-                                maxRotation: 45
-                            }
-                        },
-                        y: {
-                            beginAtZero: true
-                        }
-                    },
-                    plugins: {
-                        legend: {
-                            display: true,
-                            position: 'bottom'
-                        }
-                    },
-                    barPercentage: 0.6,
-                    categoryPercentage: 0.8,
-                }
-            });
-        </script>
-    </div>
-</div>