qapytest 0.3.3__tar.gz → 0.3.4__tar.gz

{qapytest-0.3.3 → qapytest-0.3.4}/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.3.4] - 2025-11-23
+
+### Enhanced
+
+- 📊 **Interactive HTML Report** - significantly improved report interactivity with new features:
+  - **JSON Viewer** - interactive tree view for JSON attachments with search and expand/collapse capabilities
+  - **Log Filtering** - filter logs by logger name and level, with search functionality
+  - **Component Filtering** - easily filter test results by component
+  - **Step Management** - expand/collapse all steps with a single click
+  - **Navigation** - added "Scroll to top" button for easier navigation in long reports
+- 🛠️ **Soft Assertions** - improved display of soft assertion failures in the report
+
 ## [0.3.3] - 2025-10-31
 
 ### Fixed
@@ -157,6 +169,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Configurable attachment size limits
 - Professional report styling with responsive design
 
+[0.3.4]: https://github.com/o73k51i/qapytest/releases/tag/v0.3.4
 [0.3.3]: https://github.com/o73k51i/qapytest/releases/tag/v0.3.3
 [0.3.2]: https://github.com/o73k51i/qapytest/releases/tag/v0.3.2
 [0.3.1]: https://github.com/o73k51i/qapytest/releases/tag/v0.3.1

{qapytest-0.3.3 → qapytest-0.3.4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: qapytest
-Version: 0.3.3
+Version: 0.3.4
 Summary: A powerful testing framework based on pytest, specifically designed for QA engineers
 Project-URL: Homepage, https://github.com/o73k51i/qapytest
 Project-URL: Repository, https://github.com/o73k51i/qapytest

{qapytest-0.3.3 → qapytest-0.3.4}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "qapytest"
-version = "0.3.3"
+version = "0.3.4"
 description = "A powerful testing framework based on pytest, specifically designed for QA engineers"
 readme = "README.md"
 requires-python = ">=3.10,<3.14"

{qapytest-0.3.3 → qapytest-0.3.4}/qapytest/_assets/_log_tree.html.jinja2

@@ -4,9 +4,17 @@
 {% for entry in log_list %}
     {% if entry.type == 'step' %}
         <li class="{{ 'step-passed' if entry.passed else 'step-failed' }}">
+            {% if entry.children %}
+                <span class="step-toggle collapsed">▼</span>
+            {% else %}
+                <span class="step-toggle-placeholder"></span>
+            {% endif %}
             {{ '✔︎' if entry.passed else '✖︎' }} <strong>Step:</strong> {{ entry.message|e }}
-            {# --- Recursive Call --- #}
-            {{ render_log_tree(entry.children, test_index, attachment_counter, assert_counter) }}
+            {% if entry.children %}
+                <div class="step-children" hidden>
+                    {{ render_log_tree(entry.children, test_index, attachment_counter, assert_counter) }}
+                </div>
+            {% endif %}
         </li>
     {% elif entry.type == 'assert' %}
         {% set _ = assert_counter.update({'value': assert_counter.value + 1}) %}

{qapytest-0.3.3 → qapytest-0.3.4}/qapytest/_assets/report.html.jinja2

@@ -10,8 +10,9 @@
 <header class="header">
     <div class="container">
         <div class="title">{{ title|e }}</div>
-        <button id="theme-toggle" class="theme-toggle" title="Toggle theme">
-            <span class="icon-dark">🌙</span><span class="icon-light">☀️</span>
+        <button id="theme-toggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle theme">
+            <svg class="theme-icon-moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+            <svg class="theme-icon-sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
         </button>
         <section class="cards">
             <div class="card"><div class="label">Start</div><div class="value">{{ fmt_datetime(session_start) }}</div></div>
@@ -39,8 +40,23 @@
                 <th>#</th>
                 <th>Test</th>
                 <th>Status</th>
-                <th>Component</th>
-                <th>Duration (s)</th>
+                <th>
+                    <div class="th-filter-wrapper">
+                        <span>Component</span>
+                        <button class="th-filter-toggle" title="Filter Components">▾</button>
+                        <div class="th-filter-menu" hidden>
+                            <input type="text" class="th-filter-search" placeholder="Filter..." />
+                            <label class="th-filter-item"><input type="checkbox" value="all" checked> <span>All</span></label>
+                            <div class="th-filter-list"></div>
+                        </div>
+                    </div>
+                </th>
+                <th>
+                    <div class="th-sort-wrapper" data-sort="duration">
+                        <span>Duration (s)</span>
+                        <span class="sort-icon">↕</span>
+                    </div>
+                </th>
             </tr>
             </thead>
             <tbody>
@@ -49,7 +65,7 @@
                 {% set test_index = loop.index %}
                 {% set params_str = parse_params_from_nodeid(result.nodeid) %}
                 {% set search_text = [result.nodeid, result.path, result.title, result.components|join(' ')]|join(' ')|e %}
-                <tr class="test-row" data-status="{{ result.outcome }}" data-text="{{ search_text }}" role="button" tabindex="0" aria-expanded="false" aria-controls="{{ details_id }}">
+                <tr class="test-row" data-status="{{ result.outcome }}" data-text="{{ search_text }}" data-duration="{{ result.duration }}" role="button" tabindex="0" aria-expanded="false" aria-controls="{{ details_id }}">
                     <td class="small">{{ loop.index }}</td>
                     <td>
                         <div class="mono">{{ decode_unicode_escapes(result.title)|e }}</div>
@@ -69,13 +85,20 @@
                                 <button class="details-btn copy-btn" type="button" data-copy="#grid-{{ details_id }}" title="Copy details"><span>📋</span> Copy</button>
                             </div>
                             <div class="grid" id="grid-{{ details_id }}">
-                                <div class="k">NodeID</div><div class="v mono">{{ decode_unicode_escapes(result.nodeid)|e }}</div>
+                                <div class="k">NodeID</div>
+                                <div class="v mono">{{ decode_unicode_escapes(result.nodeid)|e }}</div>
                                 <div class="k">File</div><div class="v mono">{{ result.path|e }}</div>
                                 {% if result.details.headline %}
                                 <div class="k">Result</div><div class="v"><span class="status {{ result.outcome }}">{{ result.details.headline|e }}</span></div>
                                 {% endif %}
                                 {% if result.execution_log %}
-                                <div class="k">Execution Log</div><div class="v mono">
+                                <div class="k">
+                                    Execution Log
+                                    <div style="margin-top: 4px;">
+                                        <button class="details-btn step-toggle-all-btn" type="button" data-expanded="false" style="font-size: 10px; padding: 2px 6px;">Expand All</button>
+                                    </div>
+                                </div>
+                                <div class="v mono">
                                     {% import '_log_tree.html.jinja2' as log_helpers %}
                                     {{ log_helpers.render_log_tree(result.execution_log, test_index, {'value': 0}, {'value': 0}) }}
                                 </div>
@@ -96,25 +119,36 @@
     </div>
 </main>
 
-{# --- Modals --- #}
 {% for result in results %}
     {% set details_id = 'details-' ~ loop.index %}
     {% set test_index = loop.index %}
-    {# Render modals for logs #}
     {% if result.details.captured_logs and result.details.captured_logs.strip() %}
     <div class="modal" id="logs-modal-{{ details_id }}" hidden>
         <div class="modal-overlay" data-modal-close></div>
         <div class="modal-content">
             <div class="modal-header">
                 <h3 class="mono">{{ decode_unicode_escapes(result.title)|e }}</h3>
-                <button class="modal-close" data-modal-close>&times;</button>
+                <div class="modal-actions">
+                    <div class="attachment-controls" style="display: none;">
+                        <input type="text" class="attachment-search" placeholder="Highlight text..." />
+                    </div>
+                    <div class="log-filter-wrapper">
+                        <button class="details-btn log-filter-toggle">Filter Loggers ▾</button>
+                        <div class="log-filter-menu" hidden>
+                            <input type="text" class="log-filter-search" placeholder="Filter..." />
+                            <label class="log-filter-item"><input type="checkbox" value="all" checked> <span>All Loggers</span></label>
+                            <div class="log-filter-list"></div>
+                        </div>
+                    </div>
+                    <button class="details-btn log-copy-btn" title="Copy visible logs"><span>📋</span> Copy</button>
+                    <button class="modal-close" data-modal-close>&times;</button>
+                </div>
             </div>
             <div class="modal-body"><pre><code>{{ result.details.captured_logs|e }}</code></pre></div>
         </div>
     </div>
     {% endif %}
 
-    {# Render modals for attachments #}
     {% for attachment in result.attachments %}
         {% set modal_id = 'attachment-modal-' ~ test_index ~ '-' ~ loop.index %}
          <div class="modal" id="{{ modal_id }}" hidden>
@@ -122,7 +156,14 @@
             <div class="modal-content">
                 <div class="modal-header">
                     <h3>{{ attachment.label|e }}</h3>
-                    <button class="modal-close" data-modal-close>&times;</button>
+                    <div class="modal-actions">
+                        <div class="attachment-controls" style="display: none;">
+                            <input type="text" class="attachment-search" placeholder="Highlight text..." />
+                            <button class="details-btn attachment-toggle-all-btn" title="Expand/Collapse All" data-expanded="true">Collapse All</button>
+                        </div>
+                        <button class="details-btn attachment-copy-btn" type="button" title="Copy content"><span>📋</span> Copy</button>
+                        <button class="modal-close" data-modal-close>&times;</button>
+                    </div>
                 </div>
                 <div class="modal-body">
                 {% if attachment.content_type == "image" %}
@@ -136,6 +177,10 @@
     {% endfor %}
 {% endfor %}
 
+<button id="scroll-to-top" class="scroll-to-top" title="Scroll to top" aria-label="Scroll to top">
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>
+</button>
+
 <script>{{ js_content }}</script>
 </body>
 </html>