ortoni-report 3.0.5 → 4.0.2-beta.0

package/dist/views/project.hbs

@@ -1,238 +0,0 @@
-<style>
-    :root {
-        --primary-gradient: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)) !important;
-        --flaky-gradient: hsl(var(--bulma-warning-h), var(--bulma-warning-s), var(--bulma-warning-l)) !important;
-        --retry-gradient: linear-gradient(135deg, #94a3b8 0%, #c0cad9 100%);
-        --skip-gradient: hsl(var(--bulma-info-h), var(--bulma-info-s), var(--bulma-info-l)) !important;
-        --success-gradient: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-l)) !important;
-        --error-gradient: hsl(var(--bulma-danger-h), var(--bulma-danger-s), var(--bulma-danger-l)) !important;
-    }
-
-    .projectsidebar {
-        overflow-y: auto;
-        max-height: 60vh;
-        padding: 0px 10px 0px 0px;
-    }
-
-    .test-group {
-        margin-bottom: 0.5rem;
-        border-radius: 8px;
-        transition: all 0.2s ease;
-    }
-
-    .test-group summary {
-        padding: 0.5rem;
-        cursor: pointer;
-        user-select: none;
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        border-radius: 8px;
-        border-left: 3px solid var(--primary-gradient);
-    }
-
-    .test-suite {
-        margin: 0.35rem;
-        border-radius: 6px;
-    }
-
-    .test-suite summary {
-        padding: 0.35rem 0.5rem;
-        color: inherit;
-        background: transparent;
-        transition: background-color 0.2s ease;
-    }
-
-    .test-case {
-        margin: 0.35rem;
-        border-radius: 6px;
-    }
-
-    .test-case summary {
-        border-left: transparent;
-        padding: 0.35rem 0.5rem;
-        background: transparent;
-        transition: background-color 0.2s ease;
-    }
-
-    .test-item {
-        padding: 0.4rem 0.5rem;
-        margin: 0.35rem;
-        border-radius: 6px;
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        flex-wrap: wrap;
-    }
-
-    .test-item span {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        max-width: 35ch;
-    }
-
-    .status-passed {
-        border-left: 4px solid var(--success-gradient);
-    }
-
-    .status-skipped {
-        border-left: 4px solid var(--skip-gradient);
-    }
-
-    .status-failed {
-        border-left: 4px solid var(--error-gradient);
-    }
-
-    .status-flaky {
-        border-left: 4px solid var(--flaky-gradient);
-    }
-
-    .status-retry {
-        border-left: 4px solid #69748c;
-    }
-
-    .icon-chevron {
-        transition: transform 0.2s ease;
-        width: 16px;
-        height: 16px;
-    }
-
-    details[open]>summary .icon-chevron {
-        transform: rotate(90deg);
-    }
-
-    .listselected {
-        font-weight: bold;
-        border-right: 4px solid var(--bulma-primary);
-    }
-
-    .duration-tag {
-        font-size: 0.75rem;
-        margin-left: auto;
-        opacity: 0.8;
-    }
-
-    @keyframes slideIn {
-        from {
-            opacity: 0;
-            transform: translateX(-5px);
-        }
-
-        to {
-            opacity: 1;
-            transform: translateX(0);
-        }
-    }
-
-    details[open]>.test-content {
-        animation: slideIn 0.2s ease-out;
-    }
-</style>
-<div class="content projectsidebar">
-    {{#if showProject}}
-    {{#each groupedResults}}
-    <details class="test-group">
-        <summary class="is-size-5">
-            <div class="icon-text">
-                <span class="icon">
-                    <svg class="icon-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none"
-                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                        <polyline points="9 18 15 12 9 6" />
-                    </svg>
-                </span>
-                <span>{{@key}}</span>
-            </div>
-        </summary>
-        <div class="test-content">
-            {{#each this}}
-            <details class="test-suite">
-                <summary class="is-size-6 is-capitalized">
-                    <span class="icon is-small">
-                        <svg class="image is-16x16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                            <path
-                                d="M181.344 42.656v394.671C181.344 478.562 214.781 512 256 512c41.25 0 74.672-33.438 74.672-74.673V42.656H181.344z"
-                                fill="#e6e9ed" />
-                            <path
-                                d="M352 32c0 17.672-14.312 32-32 32H192c-17.656 0-32-14.328-32-32s14.344-32 32-32h128c17.688 0 32 14.328 32 32z"
-                                fill="#ccd1d9" />
-                            <path
-                                d="M181.344 192v245.327C181.344 478.562 214.781 512 256 512c41.25 0 74.672-33.438 74.672-74.673V192H181.344z"
-                                fill="#a0d468" />
-                            <g fill="#434a54">
-                                <path
-                                    d="M245.344 266.655c0-5.89-4.781-10.655-10.672-10.655h-53.328v21.328h53.328c5.89 0 10.672-4.781 10.672-10.673zM234.672 319.999h-53.328v21.328h53.328c5.891 0 10.672-4.781 10.672-10.671s-4.782-10.657-10.672-10.657zM245.344 202.656c0-5.891-4.781-10.656-10.672-10.656h-53.328v21.328h53.328c5.89 0 10.672-4.781 10.672-10.672z" />
-                            </g>
-                        </svg>
-                    </span>
-                    <span>{{@key}}</span>
-                </summary>
-                {{#each this}}
-                <details class="test-case">
-                    <summary>
-                        <span class="icon is-small">
-                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-                                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                                <path
-                                    d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" />
-                            </svg>
-                        </span>
-                        <span class="is-size-6">{{@key}}</span>
-                    </summary>
-                    {{#each this}}
-                    {{> testStatus}}
-                    {{/each}}
-                </details>
-                {{/each}}
-            </details>
-            {{/each}}
-        </div>
-    </details>
-    {{/each}}
-    {{else}}
-    {{#each groupedResults}}
-    <details class="test-group">
-        <summary class="is-size-5">
-            <div class="icon-text">
-                <span class="icon">
-                    <svg class="icon-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none"
-                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                        <polyline points="9 18 15 12 9 6" />
-                    </svg>
-                </span>
-                <span>{{@key}}</span>
-            </div>
-        </summary>
-        <div class="test-content">
-            {{#each this}}
-            <details class="test-case">
-                <summary>
-                    <span class="icon is-small">
-                        <svg class="image is-16x16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                            <path
-                                d="M181.344 42.656v394.671C181.344 478.562 214.781 512 256 512c41.25 0 74.672-33.438 74.672-74.673V42.656H181.344z"
-                                fill="#e6e9ed" />
-                            <path
-                                d="M352 32c0 17.672-14.312 32-32 32H192c-17.656 0-32-14.328-32-32s14.344-32 32-32h128c17.688 0 32 14.328 32 32z"
-                                fill="#ccd1d9" />
-                            <path
-                                d="M181.344 192v245.327C181.344 478.562 214.781 512 256 512c41.25 0 74.672-33.438 74.672-74.673V192H181.344z"
-                                fill="#a0d468" />
-                            <g fill="#434a54">
-                                <path
-                                    d="M245.344 266.655c0-5.89-4.781-10.655-10.672-10.655h-53.328v21.328h53.328c5.89 0 10.672-4.781 10.672-10.673zM234.672 319.999h-53.328v21.328h53.328c5.891 0 10.672-4.781 10.672-10.671s-4.782-10.657-10.672-10.657zM245.344 202.656c0-5.891-4.781-10.656-10.672-10.656h-53.328v21.328h53.328c5.89 0 10.672-4.781 10.672-10.672z" />
-                            </g>
-                        </svg>
-                    </span>
-                    <span class="is-size-6">{{@key}}</span>
-                </summary>
-                {{#each this}}
-                {{> testStatus}}
-                {{/each}}
-            </details>
-            {{/each}}
-        </div>
-    </details>
-    {{/each}}
-    {{/if}}
-</div>

package/dist/views/sidebar.hbs

@@ -1,244 +0,0 @@
-<style>
-    /* Additional styles for sidebar layout */
-    :root {
-        --sidebar-width: 250px;
-        --sidebar-collapsed-width: 60px;
-        --primary-color: #735DA5;
-    }
-
-    body {
-        display: flex;
-        flex-direction: column;
-        min-height: 100vh;
-        margin: 0;
-        padding: 0;
-    }
-
-    .app-container {
-        display: flex;
-        flex: 1;
-        overflow: hidden;
-    }
-
-    .sidebar {
-        width: var(--sidebar-width);
-        border-right: 1px solid #e0e0e0;
-        height: 100vh;
-        position: fixed;
-        left: 0;
-        transition: width 0.3s ease;
-        z-index: 10;
-    }
-
-    .sidebar.collapsed {
-        width: var(--sidebar-collapsed-width);
-    }
-
-    .sidebar-header {
-        padding: 1rem;
-        border-bottom: 1px solid #e0e0e0;
-        font-weight: bold;
-    }
-
-    .sidebar-menu {
-        list-style: none;
-        padding: 0;
-        margin: 0;
-    }
-
-    .sidebar-footer {
-        list-style: none;
-        padding: 0;
-        margin: 0;
-    }
-
-    .sidebar-menu-item {
-        padding: 0;
-    }
-
-    .sidebar-menu-link {
-        display: flex;
-        align-items: center;
-        padding: 0.75rem 1rem;
-        text-decoration: none;
-        transition: background-color 0.2s;
-    }
-
-    .sidebar-menu-link.active {
-        font-weight: bold;
-        border-left: 3px solid var(--primary-color);
-    }
-
-    .sidebar-menu-link .icon {
-        margin-right: 0.5rem;
-    }
-
-    .main-content {
-        flex: 1;
-        margin-left: var(--sidebar-width);
-        padding: 1.5rem;
-        overflow-y: auto;
-        transition: margin-left 0.3s ease;
-    }
-
-    .navbar {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        height: var(--header-height);
-        z-index: 20;
-    }
-
-    .theme {
-        display: flex;
-        align-items: center;
-        padding: 0.75rem 1rem;
-        text-decoration: none;
-        transition: background-color 0.2s;
-        bottom: 65px;
-        position: absolute;
-    }
-
-    .theme .icon {
-        margin-right: 0.5rem;
-    }
-
-
-    .section {
-        margin-top: var(--header-height);
-        padding-top: 1rem;
-    }
-
-    /* Mobile responsive styles */
-    @media screen and (max-width: 768px) {
-        .sidebar {
-            transform: translateX(-100%);
-        }
-
-        .sidebar.is-active {
-            transform: translateX(0);
-        }
-
-        .main-content {
-            margin-left: 0;
-        }
-
-        .sidebar-toggle {
-            display: block;
-        }
-
-        .sidebar-toggle-btn {
-            display: none;
-        }
-    }
-
-    .sidebar-toggle-btn {
-        position: absolute;
-        bottom: 20px;
-        right: -15px;
-        width: 30px;
-        height: 30px;
-        background-color: var(--primary-color);;
-        color: white;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        z-index: 20;
-        border: none;
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-    }
-
-    .sidebar-menu-text {
-        transition: opacity 0.2s ease;
-        white-space: nowrap;
-    }
-
-    .sidebar.collapsed .sidebar-menu-text {
-        opacity: 0;
-        visibility: hidden;
-    }
-
-    .sidebar.collapsed .sidebar-header {
-        text-align: center;
-        padding: 1rem 0.5rem;
-    }
-
-    .main-content.expanded {
-        margin-left: var(--sidebar-collapsed-width);
-    }
-    .sidebar-header {
-        cursor: none;
-        display: flex;
-        align-items: center;
-        justify-content: start;
-        padding: 1rem;
-        border-bottom: 1px solid #e0e0e0;
-        font-weight: bold;
-        height: 60px; /* Fixed height for consistency */
-    }
-
-    .sidebar-header .logo {
-        width: 30px; /* Adjust logo size as needed */
-        height: 30px;
-    }
-
-    .sidebar-header .header-text {
-        display: block; /* Show text by default */
-    }
-
-    /* Collapsed state adjustments */
-    .sidebar.collapsed .sidebar-header .header-text {
-        display: none; /* Hide text when collapsed */
-    }
-
-    .sidebar.collapsed .sidebar-header .logo {
-        display: block; /* Show logo when collapsed */
-    }
-</style>
-<aside class="sidebar" id="sidebar">
-     <div class="sidebar-header">
-        <figure class="image">
-          <img alt="Logo" class="logo" src="https://raw.githubusercontent.com/ortoniKC/ortoni-report/refs/heads/main/ortoni.png" />
-        </figure>
-        <span class="header-text ml-4 title is-5">Ortoni Report</span>
-    </div>
-    <ul class="sidebar-menu">
-        <li class="sidebar-menu-item">
-            <a class="sidebar-menu-link active" data-section="dashboard">
-                <span class="icon">
-                    <i class="fa fa-chart-bar"></i>
-                </span>
-                <span class="sidebar-menu-text">Dashboard</span>
-            </a>
-        </li>
-        <li class="sidebar-menu-item">
-            <a class="sidebar-menu-link" data-section="tests">
-                <span class="icon">
-                    <i class="fa fa-vial"></i>
-                </span>
-                <span class="sidebar-menu-text">Tests</span>
-            </a>
-        </li>
-        <li class="sidebar-menu-item">
-            <a class="sidebar-menu-link" data-section="analytics">
-                <span class="icon">
-                    <i class="fa fa-chart-line"></i>
-                </span>
-                <span class="sidebar-menu-text">Analytics</span>
-            </a>
-        </li>
-    </ul>
-    <a class="theme" data-theme-status="{{preferredTheme}}" id="toggle-theme">
-        <span class="icon">
-            <i class="" id="theme-icon"></i>
-        </span>
-        <span class="sidebar-menu-text">Theme</span>
-    </a>
-
-    <button class="sidebar-toggle-btn" id="sidebar-toggle">
-        <i class="fa fa-chevron-left" id="sidebar-toggle-icon"></i>
-    </button>
-</aside>

package/dist/views/summaryCard.hbs

@@ -1,15 +0,0 @@
-{{#if (gr statusCount) }}
-<div class="column is-one-sixth">
-    <div class="box {{filter}} {{#if filter}}is-clickable{{/if}}" style="border-left: 5px solid {{bg}}"
-        data-status="{{status}}">
-        {{#if icon}}
-        <p class="title is-size-6 mb-0">
-            {{statusCount}} <span class="icon is-small"><i class="{{icon}}"></i></span>
-        </p>
-        {{else}}
-        <p class="title is-size-3 mb-0">{{statusCount}}</p>
-        <p class="subtitle is-size-7">{{statusHeader}}</p>
-        {{/if}}
-    </div>
-</div>
-{{/if}}

package/dist/views/testIcons.hbs

@@ -1,13 +0,0 @@
-<div class="icon-text">
-    {{#if isRetry}}
-    <span class="icon has-text-info">
-        <i class="fa-solid fa-rotate-right"></i>
-    </span>
-    {{/if}}
-    <span>{{title}}</span>
-</div>
-{{#if @root.showProject}}
-<span class="tag duration-tag has-text-weight-medium">{{duration}}</span>
-{{else}}
-<span class="tag duration-tag has-text-weight-medium">{{projectName}}</span>
-{{/if}}

package/dist/views/testPanel.hbs

@@ -1,45 +0,0 @@
-<div class="columns is-mobile is-vcentered is-gapless">
-    <div class="column">
-        <div class="control">
-            <input class="input" name="search" type="search" placeholder="Search by test" />
-        </div>
-    </div>
-    <div class="column is-2 mr-3">
-        <div id="project-filter" class="dropdown is-right is-hoverable is-pulled-right">
-            <div class="dropdown-trigger">
-                <button class="button is-primary" aria-haspopup="true" aria-controls="select-filter">
-                    <span>Filters</span>
-                    <span class="icon is-small">
-                        <i class="fa-solid fa-filter" aria-hidden="true"></i>
-                    </span>
-                </button>
-            </div>
-            <div class="dropdown-menu" id="select-filter" role="menu">
-                <div class="dropdown-content">
-                    <p class="dropdown-item has-text-weight-semibold has-text-primary">Projects</p>
-                    {{#each projects}}
-                    <div class="dropdown-item">
-                        <label class="checkbox is-capitalized">
-                            <input name="{{this}}" type="checkbox" data-filter-type="project" value="{{this}}" />
-                            {{this}}
-                        </label>
-                    </div>
-                    {{/each}}
-                    <hr class="dropdown-divider" />
-                    <p class="dropdown-item has-text-weight-semibold has-text-primary">Tags</p>
-                    {{#each allTags}}
-                    <div class="dropdown-item">
-                        <label class="checkbox">
-                            <input name="{{this}}" type="checkbox" data-filter-type="test-tags" value="{{this}}" />
-                            {{this}}
-                        </label>
-                    </div>
-                    {{/each}}
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<div class="content">
-    <span id="selected-filters"></span>
-</div>

package/dist/views/testStatus.hbs

@@ -1,9 +0,0 @@
-<div class="test-item 
-    {{#if (eq status 'passed')}}status-passed
-    {{else if (or (eq status 'failed') (eq status 'timedOut'))}}status-failed
-    {{else if (includes status 'flaky')}}status-flaky
-    {{else if (eq status 'skipped')}}status-skipped is-hidden{{/if}} ml-4" data-suite-name="{{suite}}"
-    data-test-tags="{{joinWithSpace testTags}}" data-project-name="{{projectName}}" data-test-id="{{index}}"
-    data-test-history-id="{{testId}}" data-test-status="{{status}} {{retry}}" data-test-duration="{{duration}}">
-    {{> testIcons}}
-</div>