orionis 0.292.0__py3-none-any.whl → 0.293.0__py3-none-any.whl

orionis/metadata/framework.py

@@ -5,7 +5,7 @@
 NAME = "orionis"
 
 # Current version of the framework
-VERSION = "0.292.0"
+VERSION = "0.293.0"
 
 # Full name of the author or maintainer of the project
 AUTHOR = "Raul Mauricio Uñate Castro"

orionis/test/suites/test_unit.py

@@ -25,6 +25,8 @@ from orionis.test.exceptions.test_failure_exception import OrionisTestFailureExc
 from orionis.test.exceptions.test_value_error import OrionisTestValueError
 from orionis.test.logs.history import TestHistory
 from orionis.test.suites.contracts.test_unit import IUnitTest
+from orionis.test.view.render import TestingResultRender
+from rich.text import Text
 
 class UnitTest(IUnitTest):
     """
@@ -757,6 +759,15 @@ class UnitTest(IUnitTest):
         if self.persistent:
             self._persistTestResults(report)
 
+        # Handle Web Report Rendering
+        path = self._webReport(report)
+
+        # Elegant invitation to view the results, with underlined path
+        invite_text = Text("Test results saved. ", style="green")
+        invite_text.append("View report: ", style="bold green")
+        invite_text.append(str(path), style="underline blue")
+        self.rich_console.print(invite_text)
+
         # Return the summary
         return {
             "total_tests": result.testsRun,
@@ -769,6 +780,45 @@ class UnitTest(IUnitTest):
             "test_details": test_details
         }
 
+    def _webReport(self, summary: Dict[str, Any]) -> None:
+        """
+        Generates a web report for the test results summary.
+
+        Parameters
+        ----------
+        summary : dict
+            The summary of test results to generate a web report for.
+
+        Returns
+        -------
+        str
+            The path to the generated web report.
+
+        Notes
+        -----
+        - Determines the storage path based on the current working directory and base_path.
+        - Uses TestingResultRender to generate the report.
+        - If persistence is enabled and the driver is 'sqlite', the report is marked as persistent.
+        - Returns the path to the generated report for further use.
+        """
+        # Determine the absolute path for storing results
+        project = os.path.basename(os.getcwd())
+        storage_path = os.path.abspath(os.path.join(os.getcwd(), self.base_path))
+
+        # Only use storage_path if project is recognized
+        if project not in ['framework', 'orionis']:
+            storage_path = None
+
+        # Create the TestingResultRender instance with the storage path and summary
+        render = TestingResultRender(
+            storage_path=storage_path,
+            result=summary,
+            persist=self.persistent and self.persistent_driver == 'sqlite'
+        )
+
+        # Render the report and return the path
+        return render.render()
+
     def _persistTestResults(self, summary: Dict[str, Any]) -> None:
         """
         Persist the test results summary using the configured persistent driver.
@@ -793,13 +843,13 @@ class UnitTest(IUnitTest):
         """
 
         try:
-            if self.persistent_driver == 'sqlite':
+            # Determine the absolute path for storing results
+            project = os.getcwd().split(os.sep)[-1]
+            storage_path = None
+            if project in ['framework', 'orionis']:
+                storage_path = os.path.abspath(os.path.join(os.getcwd(), self.base_path))
 
-                # Determine the absolute path for storing results
-                project = os.getcwd().split(os.sep)[-1]
-                storage_path = None
-                if project in ['framework', 'orionis']:
-                    storage_path = os.path.abspath(os.path.join(os.getcwd(), self.base_path))
+            if self.persistent_driver == 'sqlite':
 
                 # Initialize the TestHistory class for database operations
                 history = TestHistory(
@@ -813,14 +863,14 @@ class UnitTest(IUnitTest):
 
             elif self.persistent_driver == 'json':
 
+                # Ensure the base path exists and write the summary to a JSON file
+                os.makedirs(storage_path, exist_ok=True)
+
                 # Get the current timestamp for the log file name
                 timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
 
-                # Ensure the base path exists and write the summary to a JSON file
-                os.makedirs(self.base_path, exist_ok=True)
-
                 # Create the log file path with the timestamp
-                log_path = os.path.join(self.base_path, f'test_{timestamp}.json')
+                log_path = os.path.abspath(os.path.join(storage_path, f'test_{timestamp}.json'))
 
                 # Write the summary to the JSON file
                 with open(log_path, 'w', encoding='utf-8') as log:

orionis/test/view/render.py

@@ -0,0 +1,128 @@
+import json
+import os
+from pathlib import Path
+from orionis.services.environment.env import Env
+from orionis.test.logs.history import TestHistory
+
+class TestingResultRender:
+
+    def __init__(
+        self,
+        result,
+        storage_path:str = None,
+        persist=False
+    ):
+        """
+        Initialize the TestingResultRender object.
+
+        Parameters
+        ----------
+        result : Any
+            The test result data to be processed or stored.
+        storage_path : str, optional
+            Custom path to store the test report. If not provided, uses the environment variable
+            'TEST_REPORT_PATH' or defaults to a local storage path.
+        persist : bool, optional
+            Whether to persist the report. Defaults to False.
+
+        Notes
+        -----
+        - Determines the file path for the test report based on the provided storage_path, environment variable,
+          or a default location.
+        - Ensures the parent directory for the report exists.
+        - Stores the resolved report path in the environment variable 'TEST_REPORT_PATH'.
+        """
+
+        # Initialize instance variables
+        self.__filename = 'test-results.html'
+        self.__result = result
+        self.__persist = persist
+
+        # Determine file path
+        db_path = None
+        if storage_path:
+            db_path = Path(storage_path).expanduser().resolve()
+            if db_path.is_dir():
+                db_path = db_path / self.__filename
+        else:
+            env_path = Env.get("TEST_REPORT_PATH", None)
+            if env_path:
+                db_path = Path(env_path).expanduser().resolve()
+                if db_path.is_dir():
+                    db_path = db_path / self.__filename
+            else:
+                db_path = Path.cwd() / 'storage/framework/testing' / self.__filename
+
+        # Ensure parent directory exists
+        db_path.parent.mkdir(parents=True, exist_ok=True)
+
+        # Store path in environment
+        Env.set("TEST_REPORT_PATH", str(db_path), 'path')
+        self.__report_path = db_path
+
+    def render(self):
+        """
+        Otherwise, uses the current test result stored in memory. The method replaces placeholders in a
+        template file with the test results and the persistence mode, then writes the rendered content
+        to a report file.
+
+        Parameters
+        ----------
+        None
+
+        Returns
+        -------
+        str
+            The full path to the generated report file.
+
+        Notes
+        -----
+        - If persistence is enabled, the last 10 reports are fetched from the SQLite database.
+        - If persistence is not enabled, only the current test result in memory is used.
+        - The method reads a template file, replaces placeholders with the test results and persistence mode,
+          and writes the final content to the report file.
+        """
+
+        # Determine the source of test results based on persistence mode
+        if self.__persist:
+            # If persistence is enabled, fetch the last 10 reports from SQLite
+            logs = TestHistory()
+            reports = logs.get(last=10)
+            # Parse each report's JSON data into a list
+            results_list = [json.loads(report[1]) for report in reports]
+        else:
+            # If not persistent, use only the current in-memory result
+            results_list = [self.__result]
+
+        # Set placeholder values for the template
+        persistence_mode = 'SQLite' if self.__persist else 'Static'
+        test_results_json = json.dumps(results_list, ensure_ascii=False, indent=None)
+
+        # Locate the HTML template file
+        template_path = Path(__file__).parent / 'report.stub'
+
+        # Read the template content
+        with open(template_path, 'r', encoding='utf-8') as template_file:
+            template_content = template_file.read()
+
+        # Replace placeholders with actual values
+        rendered_content = template_content.replace(
+            '{{orionis-testing-result}}',
+            test_results_json
+        ).replace(
+            '{{orionis-testing-persistent}}',
+            persistence_mode
+        )
+
+        # Write the rendered HTML report to the specified path
+        with open(self.__report_path, 'w', encoding='utf-8') as report_file:
+            report_file.write(rendered_content)
+
+        # Open the generated report in the default web browser if running on Windows or macOS.
+        # This provides immediate feedback to the user after report generation.
+        if os.name == 'nt' or os.name == 'posix' and sys.platform == 'darwin':
+            import webbrowser
+            webbrowser.open(self.__report_path.as_uri())
+
+        # Return the absolute path to the generated report
+        return str(self.__report_path)

{orionis-0.292.0.dist-info → orionis-0.293.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: orionis
-Version: 0.292.0
+Version: 0.293.0
 Summary: Orionis Framework – Elegant, Fast, and Powerful.
 Home-page: https://github.com/orionis-framework/framework
 Author: Raul Mauricio Uñate Castro

{orionis-0.292.0.dist-info → orionis-0.293.0.dist-info}/RECORD

@@ -226,7 +226,7 @@ orionis/foundation/config/testing/entities/testing.py,sha256=m_i9jZlOXs_AzNKNNf0
 orionis/foundation/config/testing/enums/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 orionis/foundation/config/testing/enums/test_mode.py,sha256=IbFpauu7J-iSAfmC8jDbmTEYl8eZr-AexL-lyOh8_74,337
 orionis/metadata/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-orionis/metadata/framework.py,sha256=7Ko8j0LyRbf2F4ayJKqLau4RUwwdelswaW4ISf8MnFQ,4960
+orionis/metadata/framework.py,sha256=QmC-g5i6UhTE0QWIF78bMyfW6Dm4d4521_PuYknYoGQ,4960
 orionis/metadata/package.py,sha256=tqLfBRo-w1j_GN4xvzUNFyweWYFS-qhSgAEc-AmCH1M,5452
 orionis/patterns/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 orionis/patterns/singleton/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
@@ -345,16 +345,16 @@ orionis/test/output/contracts/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5N
 orionis/test/output/contracts/dumper.py,sha256=5OqGc4GEXCXX76sCX185giQMyKwwZvlOv3I7tTwV2fQ,1324
 orionis/test/suites/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 orionis/test/suites/test_suite.py,sha256=fdVmC56PJfWDuYeekY7oN-04AEHMqxwLI5mZNJAuOZI,5261
-orionis/test/suites/test_unit.py,sha256=ZkpRyUEHsxnbto3FBmvPfFHHRyOgv4NBIcS2LF1-Y_s,49374
+orionis/test/suites/test_unit.py,sha256=JAla82Uc2OEvvBTE8oI8BT0hxeb03FJB1bdKU7G2xlA,51293
 orionis/test/suites/contracts/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 orionis/test/suites/contracts/test_suite.py,sha256=eluzYwkNBbKjxYStj_tHN_Fm3YDPpGQdqMu5eiluh-E,1059
 orionis/test/suites/contracts/test_unit.py,sha256=l1LQllODyvcSByXMl1lGrUkoLsXbBHZZLWZI4A-mlQg,5881
 orionis/test/view/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-orionis/test/view/index.html,sha256=1qamNWmUjyOKcMnNiVfjvYMT_CHsmz7WDhBzp0dQkV8,25731
-orionis-0.292.0.dist-info/licenses/LICENCE,sha256=-_4cF2EBKuYVS_SQpy1uapq0oJPUU1vl_RUWSy2jJTo,1111
+orionis/test/view/render.py,sha256=jXZkbITBknbUwm_mD8bcTiwLDvsFkrO9qrf0ZgPwqxc,4903
+orionis-0.293.0.dist-info/licenses/LICENCE,sha256=-_4cF2EBKuYVS_SQpy1uapq0oJPUU1vl_RUWSy2jJTo,1111
 tests/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 tests/example/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-tests/example/test_example.py,sha256=pGj3mn6HslmqVNEc_2cbMwbIEcCjT08fLsZ47sz5bvk,601
+tests/example/test_example.py,sha256=byd_lI6tVDgGPEIrr7PLZbBu0UoZOymmdmyA_4u-QUw,601
 tests/foundation/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 tests/foundation/config/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 tests/foundation/config/app/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
@@ -455,8 +455,8 @@ tests/support/inspection/fakes/fake_reflection_instance_with_abstract.py,sha256=
 tests/testing/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 tests/testing/test_testing_result.py,sha256=MrGK3ZimedL0b5Ydu69Dg8Iul017AzLTm7VPxpXlpfU,4315
 tests/testing/test_testing_unit.py,sha256=A6QkiOkP7GPC1Szh_GqsrV7GxjWjK8cIwFez6YfrzmM,7683
-orionis-0.292.0.dist-info/METADATA,sha256=4zAZQi8NiTjCdg0efqEfXRXRP_RTRfnScor13qqt_jY,4772
-orionis-0.292.0.dist-info/WHEEL,sha256=Nw36Djuh_5VDukK0H78QzOX-_FQEo6V37m3nkm96gtU,91
-orionis-0.292.0.dist-info/top_level.txt,sha256=2bdoHgyGZhOtLAXS6Om8OCTmL24dUMC_L1quMe_ETbk,14
-orionis-0.292.0.dist-info/zip-safe,sha256=frcCV1k9oG9oKj3dpUqdJg1PxRT2RSN_XKdLCPjaYaY,2
-orionis-0.292.0.dist-info/RECORD,,
+orionis-0.293.0.dist-info/METADATA,sha256=VYamMjDShBXxI6Quu-380uo1bp772T2nDaTlWcmJdwI,4772
+orionis-0.293.0.dist-info/WHEEL,sha256=Nw36Djuh_5VDukK0H78QzOX-_FQEo6V37m3nkm96gtU,91
+orionis-0.293.0.dist-info/top_level.txt,sha256=2bdoHgyGZhOtLAXS6Om8OCTmL24dUMC_L1quMe_ETbk,14
+orionis-0.293.0.dist-info/zip-safe,sha256=frcCV1k9oG9oKj3dpUqdJg1PxRT2RSN_XKdLCPjaYaY,2
+orionis-0.293.0.dist-info/RECORD,,

tests/example/test_example.py

@@ -17,7 +17,7 @@ class TestExample(TestCase):
             Ensures that the integer 2 is equal to itself.
         """
         # Check if 1 equals 1
-        self.assertEqual(1, 2)
+        self.assertEqual(1, 1)
 
         # Check if 2 equals 2
         self.assertEqual(2, 2)

orionis/test/view/index.html

@@ -1,533 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Orionis Test Dashboard</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="icon" href="https://orionis-framework.com/svg/logo.svg" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
-    <link href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap" rel="stylesheet">
-</head>
-
-<style>
-    /* Use a monospaced font for the table */
-    #test-table,
-    #test-table .gridjs-td,
-    #test-table .gridjs-th {
-        font-family: 'Fira Mono', 'Consolas', 'Menlo', 'Monaco', 'Liberation Mono', monospace !important;
-    }
-
-    #test-table .gridjs-td,
-    #test-table .gridjs-th {
-        max-width: 220px;
-        white-space: normal;
-        overflow-wrap: anywhere;
-        text-overflow: initial;
-        vertical-align: middle;
-        font-size: 0.85rem; /* más pequeño */
-        line-height: 1.28;
-    }
-
-    #test-table .gridjs-th {
-        font-size: 0.82rem !important; /* aún más pequeño para los títulos */
-        font-weight: 600;
-        letter-spacing: 0.01em;
-    }
-
-    #test-table .gridjs-td.status-cell {
-        max-width: 90px;
-        text-align: center;
-        font-weight: 600;
-        letter-spacing: 0.02em;
-        white-space: nowrap;
-        font-size: 0.75em;
-        padding-top: 0.2em;
-        padding-bottom: 0.2em;
-    }
-
-    #test-table .gridjs-td.doc-cell {
-        max-width: 60px;
-        text-align: center;
-        white-space: nowrap;
-    }
-
-    #test-table {
-        overflow-x: auto;
-    }
-
-    .badge-status {
-        display: inline-flex;
-        align-items: center;
-        gap: 0.3em;
-        padding: 0.13em 0.6em;
-        border-radius: 9999px;
-        font-size: 0.78em;
-        font-weight: 600;
-        letter-spacing: 0.01em;
-    }
-
-    .badge-passed {
-        background: #d1fae5;
-        color: #059669;
-    }
-
-    .badge-failed {
-        background: #fee2e2;
-        color: #dc2626;
-    }
-
-    .badge-errors {
-        background: #fef9c3;
-        color: #ca8a04;
-    }
-
-    .badge-skipped {
-        background: #e0e7ff;
-        color: #3730a3;
-    }
-
-    .doc-btn {
-        background: #eef2ff;
-        color: #3730a3;
-        border: none;
-        border-radius: 0.5em;
-        padding: 0.2em 0.8em;
-        font-size: 0.92em;
-        font-weight: 500;
-        cursor: pointer;
-        transition: background 0.15s;
-        font-family: inherit;
-    }
-
-    .doc-btn:hover {
-        background: #c7d2fe;
-    }
-
-    /* Modal styles */
-    .orionis-modal {
-        position: fixed;
-        left: 0;
-        top: 0;
-        width: 100vw;
-        height: 100vh;
-        background: rgba(30, 41, 59, 0.45);
-        display: flex !important;
-        align-items: center;
-        justify-content: center;
-        z-index: 10000;
-    }
-
-    .orionis-modal-content {
-        background: white;
-        max-width: 70vw;
-        width: 70vw;
-        padding: 2em 1.5em 1.2em 1.5em;
-        border-radius: 1.2em;
-        box-shadow: 0 8px 32px 0 rgba(31, 41, 55, 0.18);
-        position: relative;
-    }
-
-    .orionis-modal-close {
-        position: absolute;
-        top: 0.7em;
-        right: 1em;
-        font-size: 1.3em;
-        color: #64748b;
-        background: none;
-        border: none;
-        cursor: pointer;
-    }
-
-    .orionis-modal-title {
-        font-size: 0.98em; /* reducido de 1.08em */
-        font-weight: 600;
-        margin-bottom: 0.7em;
-        color: #3730a3;
-        display: flex;
-        align-items: center;
-        gap: 0.5em;
-        font-family: inherit;
-    }
-
-    .orionis-modal-pre {
-        white-space: pre-wrap;
-        font-size: 0.92em;
-        color: #334155;
-        background: #f1f5f9;
-        padding: 1em;
-        border-radius: 0.7em;
-        max-height: 320px;
-        overflow: auto;
-        font-family: 'Fira Mono', 'Consolas', 'Menlo', 'Monaco', 'Liberation Mono', monospace;
-    }
-</style>
-
-<body class="bg-gray-100 text-gray-800 font-sans">
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 py-8">
-
-        <!-- Header -->
-        <header class="bg-gradient-to-r from-blue-900 to-cyan-400 text-white rounded-2xl shadow-xl p-6 mb-10">
-            <div class="flex flex-col md:flex-row justify-between items-center gap-4">
-                <div class="flex items-center gap-4">
-                    <img src="https://orionis-framework.com/svg/logo.svg" alt="Orionis Logo"
-                        class="h-10 brightness-0 invert" />
-                    <h1 class="text-2xl font-light tracking-wider">Orionis Testing Results Dashboard</h1>
-                </div>
-                <div id="timestamp" class="text-sm text-white/90"></div>
-            </header>
-
-            <!-- Execution Summary Card -->
-            <div class="w-full mb-10">
-                <div class="bg-white rounded-2xl shadow-lg p-6 border-t-4 border-indigo-500 flex flex-col sm:flex-row items-center justify-between gap-4">
-                    <div>
-                        <div class="text-xs font-semibold text-gray-500 uppercase">Resumen de Ejecución</div>
-                        <div class="text-lg font-bold text-gray-800 mt-2" id="execution-summary-title">Select an execution</div>
-                        <div class="text-sm text-gray-600 mt-1" id="execution-summary-desc">Select an execution to view the summary.</div>
-                    </div>
-                    <div class="flex items-center gap-4">
-                        <div class="flex items-center gap-1 text-gray-700">
-                            <span id="execution-time">Duration: --:--:--</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Summary Cards -->
-            <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-10">
-
-            <div class="bg-white rounded-2xl shadow-lg p-6 border-t-4 border-green-500">
-                <div class="text-xs font-semibold text-gray-500 uppercase">Passed</div>
-                <div class="text-4xl font-bold text-gray-800 mt-2" id="passed">0</div>
-                <div class="mt-4 bg-gray-200 rounded-full h-2">
-                    <div class="bg-green-500 h-2 rounded-full" id="passed-progress" style="width: 0%"></div>
-                </div>
-            </div>
-
-            <div class="bg-white rounded-2xl shadow-lg p-6 border-t-4 border-red-500">
-                <div class="text-xs font-semibold text-gray-500 uppercase">Failed</div>
-                <div class="text-4xl font-bold text-gray-800 mt-2" id="failed">0</div>
-            </div>
-
-            <div class="bg-white rounded-2xl shadow-lg p-6 border-t-4 border-yellow-500">
-                <div class="text-xs font-semibold text-gray-500 uppercase">Errors</div>
-                <div class="text-4xl font-bold text-gray-800 mt-2" id="errors">0</div>
-            </div>
-
-            <div class="bg-white rounded-2xl shadow-lg p-6 border-t-4 border-blue-500">
-                <div class="text-xs font-semibold text-gray-500 uppercase">Skipped</div>
-                <div class="text-4xl font-bold text-gray-800 mt-2" id="skipped">0</div>
-            </div>
-
-        </div>
-
-        <!-- Download Buttons & Select -->
-        <div class="flex flex-wrap justify-between items-center mb-10 gap-4">
-            <!-- Buttons to the left -->
-            <div class="flex flex-wrap gap-4">
-                <button disabled id="download-json" class="flex items-center gap-2 bg-blue-300 text-white px-4 py-2 rounded shadow cursor-not-allowed opacity-60">
-                    <i class="bi bi-file-earmark-code-fill text-lg"></i>
-                    <span>Download JSON</span>
-                </button>
-            </div>
-            <!-- Elegant Select to the right -->
-            <div>
-                <select class="appearance-none bg-white border border-gray-300 text-gray-700 py-2 px-4 pr-10 rounded-lg shadow focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-blue-400 transition text-base font-medium" id="test-select">
-                </select>
-            </div>
-        </div>
-
-        <!-- Table Summary View with Grid.js -->
-        <div class="bg-white rounded-xl shadow-md p-5 border border-indigo-100">
-            <div class="flex items-center gap-2 mb-3">
-                <i class="bi bi-table text-lg text-indigo-500"></i>
-                <h2 class="text-lg font-semibold text-indigo-900">Execution Details</h2>
-            </div>
-            <div class="text-gray-500 mb-4 text-sm">
-                See all test cases for the selected execution.<br>Click 
-                <span class="inline-flex items-center gap-1 px-1.5 py-0.5 bg-blue-50 text-blue-700 rounded text-xs font-mono">
-                    <i class="bi bi-journal-text"></i> View
-                </span>
-                to show the docstring.
-            </div>
-            <div id="test-table"></div>
-        </div>
-
-        <!-- Footer -->
-        <footer class="mt-12 text-center text-gray-500 text-sm py-6">
-            Developed with the power of
-            <a href="https://orionis-framework.com/" target="_blank" rel="noopener"
-                class="font-semibold text-blue-700 hover:underline">
-                Orionis Framework
-            </a>
-            <i class="bi bi-stars text-yellow-400 align-middle ml-1"></i>
-        </footer>
-
-        <script src="https://unpkg.com/gridjs/dist/gridjs.umd.js"></script>
-        <script>
-
-            const data = $data;
-
-            // Live Clock (Header Timestamp)
-            function updateClock() {
-                const now = new Date();
-                const formatted = now.toLocaleString('en-US', {
-                    year: 'numeric',
-                    month: '2-digit',
-                    day: '2-digit',
-                    hour: '2-digit',
-                    minute: '2-digit',
-                    second: '2-digit',
-                    hour12: false
-                });
-                document.getElementById("timestamp").textContent = `Current time: ${formatted}`;
-            }
-            updateClock();
-            setInterval(updateClock, 1000);
-
-            // Populate Dropdown in English
-            let html = '<option selected disabled>Select an execution</option>';
-            data.forEach((item, i) => {
-                const date = new Date(item.timestamp);
-                const formattedDate = `${date.getFullYear()}-${(date.getMonth() + 1)
-                    .toString()
-                    .padStart(2, '0')}-${date.getDate()
-                    .toString()
-                    .padStart(2, '0')} ${date.getHours()
-                    .toString()
-                    .padStart(2, '0')}:${date.getMinutes()
-                    .toString()
-                    .padStart(2, '0')}:${date.getSeconds()
-                    .toString()
-                    .padStart(2, '0')}`;
-                html += `<option value="${i}">Execution ${i + 1} - ${formattedDate}</option>`;
-            });
-            document.getElementById("test-select").innerHTML = html;
-
-            // Event Listener for the dropdown
-            document.getElementById("test-select").addEventListener("change", function () {
-                const selectedIndex = this.value;
-                const selectedData = data[selectedIndex];
-
-                // Animate Counters
-                function animateValue(id, start, end, duration) {
-                    const obj = document.getElementById(id);
-                    let startTimestamp = null;
-                    const step = (timestamp) => {
-                        if (!startTimestamp) startTimestamp = timestamp;
-                        const progress = Math.min((timestamp - startTimestamp) / duration, 1);
-                        obj.textContent = Math.floor(progress * (end - start) + start);
-                        if (progress < 1) {
-                            window.requestAnimationFrame(step);
-                        } else {
-                            obj.textContent = end;
-                        }
-                    };
-                    window.requestAnimationFrame(step);
-                }
-                animateValue("passed", Number(document.getElementById("passed").textContent), selectedData.passed, 500);
-                animateValue("failed", Number(document.getElementById("failed").textContent), selectedData.failed, 500);
-                animateValue("errors", Number(document.getElementById("errors").textContent), selectedData.errors, 500);
-                animateValue("skipped", Number(document.getElementById("skipped").textContent), selectedData.skipped, 500);
-
-                // Animate Progress Bar
-                const passedBar = document.getElementById("passed-progress");
-                passedBar.style.transition = "width 0.6s cubic-bezier(0.4,0,0.2,1)";
-                const passedPercentage = (selectedData.passed / selectedData.total_tests) * 100;
-                passedBar.style.width = `${passedPercentage}%`;
-
-                // Update Execution Summary
-                const date = new Date(selectedData.timestamp);
-                const formattedDate = `${date.getFullYear()}-${(date.getMonth()+1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')} ${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}:${date.getSeconds().toString().padStart(2, '0')}`;
-                document.getElementById("execution-summary-title").innerHTML = `<span class="inline-flex items-center gap-2"><i class="bi bi-activity text-indigo-500"></i> Execution - <span class="font-mono">${formattedDate}</span></span>`;
-                document.getElementById("execution-summary-desc").innerHTML =
-                    `<span class="inline-flex gap-2 flex-wrap">
-                        <span class="bg-green-100 text-green-800 px-2 py-1 rounded text-xs font-semibold"><i class="bi bi-check-circle-fill"></i> Passed: ${selectedData.passed}</span>
-                        <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs font-semibold"><i class="bi bi-x-circle-fill"></i> Failed: ${selectedData.failed}</span>
-                        <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs font-semibold"><i class="bi bi-exclamation-triangle-fill"></i> Errors: ${selectedData.errors}</span>
-                        <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded text-xs font-semibold"><i class="bi bi-skip-forward-fill"></i> Skipped: ${selectedData.skipped}</span>
-                        <span class="bg-gray-100 text-gray-800 px-2 py-1 rounded text-xs font-semibold"><i class="bi bi-list-ol"></i> Total: ${selectedData.total_tests}</span>
-                        <span class="bg-indigo-100 text-indigo-800 px-2 py-1 rounded text-xs font-semibold"><i class="bi bi-bar-chart-fill"></i> Success: ${selectedData.success_rate.toFixed(2)}%</span>
-                    </span>`;
-
-                // Update Duration
-                function formatTime(seconds) {
-                    const h = Math.floor(seconds / 3600).toString().padStart(2, '0');
-                    const m = Math.floor((seconds % 3600) / 60).toString().padStart(2, '0');
-                    const s = Math.floor(seconds % 60).toString().padStart(2, '0');
-                    return `${h}:${m}:${s}`;
-                }
-                document.getElementById("execution-time").innerHTML = `<i class="bi bi-clock-history text-indigo-500"></i> Duration: <span class="font-mono">${formatTime(selectedData.total_time)}</span>`;
-
-                // Enable Download Button
-                document.getElementById("download-json").disabled = false;
-                document.getElementById("download-json").classList.remove("bg-blue-300", "cursor-not-allowed", "opacity-60");
-                document.getElementById("download-json").classList.add("bg-blue-600", "hover:bg-blue-700", "cursor-pointer", "opacity-100");
-            });
-
-            // Download JSON report with execution date and time in filename
-            document.getElementById("download-json").addEventListener("click", function () {
-                const select = document.getElementById("test-select");
-                const selectedIndex = select.value;
-                if (selectedIndex === "" || selectedIndex === null || isNaN(selectedIndex)) return;
-                const selectedData = data[selectedIndex];
-                const jsonString = JSON.stringify(selectedData, null, 2);
-                const date = new Date(selectedData.timestamp);
-                // Format: YYYYMMDD_HHMMSS
-                const formattedDate = `${date.getFullYear()}${(date.getMonth()+1).toString().padStart(2,'0')}${date.getDate().toString().padStart(2,'0')}_${date.getHours().toString().padStart(2,'0')}${date.getMinutes().toString().padStart(2,'0')}${date.getSeconds().toString().padStart(2,'0')}`;
-                const filename = `test_report_${formattedDate}.json`;
-                const blob = new Blob([jsonString], { type: "application/json" });
-                const url = URL.createObjectURL(blob);
-                const a = document.createElement("a");
-                a.href = url;
-                a.download = filename;
-                document.body.appendChild(a);
-                a.click();
-                document.body.removeChild(a);
-                URL.revokeObjectURL(url);
-            });
-
-            // Show doc string in a modal dialog (event delegation)
-            function showDocString(doc) {
-                // Remove any existing modal
-                const oldModal = document.querySelector('.orionis-modal');
-                if (oldModal) oldModal.remove();
-
-                // Create modal element
-                const modal = document.createElement('div');
-                modal.className = 'orionis-modal';
-                modal.style.display = 'flex'; // Ensure modal is visible
-
-                modal.innerHTML = `
-                    <div class="orionis-modal-content">
-                        <button class="orionis-modal-close" aria-label="Cerrar" type="button">&times;</button>
-                        <div class="orionis-modal-title">
-                            <i class="bi bi-journal-text"></i> Docstring
-                        </div>
-                        <pre class="orionis-modal-pre">${doc ? String(doc).replace(/</g, "&lt;").replace(/>/g, "&gt;") : 'No docstring.'}</pre>
-                    </div>
-                `;
-                // Close modal when clicking outside content
-                modal.addEventListener('mousedown', function (e) {
-                    if (e.target === modal) modal.remove();
-                });
-                // Close modal when clicking close button
-                modal.querySelector('.orionis-modal-close').onclick = () => modal.remove();
-                document.body.appendChild(modal);
-            }
-
-            function renderTestTable(testDetails) {
-                if (window.testGrid) {
-                    try { window.testGrid.destroy(); } catch (e) { }
-                }
-                const tableDiv = document.getElementById("test-table");
-                tableDiv.innerHTML = "";
-
-                try {
-                    window.testGrid = new gridjs.Grid({
-                        columns: [
-                            { name: "ID", width: "22%" },
-                            { name: "Class", width: "12%" },
-                            { name: "Method", width: "14%" },
-                            { name: "Status", width: "11%" },
-                            { name: "Time (s)", width: "9%" },
-                            { name: "File", width: "22%" },
-                            { name: "Doc", width: "10%" }
-                        ],
-                        data: testDetails.map((t, idx) => [
-                            gridjs.html(`<div title="${t.id}">${t.id}</div>`),
-                            gridjs.html(`<div title="${t.class}">${t.class}</div>`),
-                            gridjs.html(`<div title="${t.method}">${t.method}</div>`),
-                            gridjs.html(`
-                                <span class="badge-status ${
-                                    t.status === 'PASSED' ? 'badge-passed' :
-                                    t.status === 'FAILED' ? 'badge-failed' :
-                                    t.status === 'ERRORS' ? 'badge-errors' : 'badge-skipped'
-                                } status-cell">
-                                    ${
-                                        t.status === 'PASSED' ? '<i class="bi bi-check-circle-fill"></i>' :
-                                        t.status === 'FAILED' ? '<i class="bi bi-x-circle-fill"></i>' :
-                                        t.status === 'ERRORS' ? '<i class="bi bi-exclamation-triangle-fill"></i>' :
-                                        '<i class="bi bi-skip-forward-fill"></i>'
-                                    }
-                                    ${t.status}
-                                </span>
-                            `),
-                            t.execution_time,
-                            gridjs.html(`<div title="${t.file_path}">${t.file_path}</div>`),
-                            gridjs.html(`<button class="doc-btn doc-cell" data-doc-idx="${idx}" type="button"><i class="bi bi-journal-text"></i> Ver</button>`)
-                        ]),
-                        search: {
-                            enabled: true,
-                            placeholder: 'Buscar solo por clase...'
-                        },
-                        pagination: { limit: 8, summary: false },
-                        sort: false,
-                        resizable: true,
-                        style: {
-                            th: { 'text-align': 'left', 'background': '#f1f5f9', 'font-size': '1em' }
-                        }
-                    }).render(tableDiv);
-
-                    // Delegated event for doc buttons (always works, even after pagination)
-                    tableDiv.addEventListener('click', function (e) {
-                        const btn = e.target.closest('.doc-btn');
-                        if (!btn) return;
-                        const idx = Number(btn.getAttribute('data-doc-idx'));
-                        const t = testDetails[idx];
-                        if (!t) return;
-
-                        let html = '';
-                        html += `<div class="orionis-modal-title"><i class="bi bi-journal-text"></i> Docstring</div>`;
-                        html += `<pre class="orionis-modal-pre">${t.doc_string ? String(t.doc_string).replace(/</g, "&lt;").replace(/>/g, "&gt;") : 'No docstring.'}</pre>`;
-                        if (t.status === 'FAILED' || t.status === 'ERRORS') {
-                            html += `<div class="orionis-modal-title mt-4"><i class="bi bi-bug-fill"></i> Traceback</div>`;
-                            html += `<pre class="orionis-modal-pre" style="background:#fee2e2;color:#991b1b">${t.traceback ? String(t.traceback).replace(/</g, "&lt;").replace(/>/g, "&gt;") : 'No traceback.'}</pre>`;
-                        }
-
-                        // Remove any existing modal
-                        const oldModal = document.querySelector('.orionis-modal');
-                        if (oldModal) oldModal.remove();
-
-                        // Create modal element
-                        const modal = document.createElement('div');
-                        modal.className = 'orionis-modal';
-                        modal.style.display = 'flex';
-
-                        modal.innerHTML = `
-                            <div class="orionis-modal-content">
-                                <button class="orionis-modal-close" aria-label="Cerrar" type="button">&times;</button>
-                                ${html}
-                            </div>
-                        `;
-
-                        // Close modal when clicking outside content
-                        modal.addEventListener('mousedown', function (e) {
-                            if (e.target === modal) modal.remove();
-                        });
-
-                        // Close modal when clicking close button
-                        modal.querySelector('.orionis-modal-close').onclick = () => modal.remove();
-                        document.body.appendChild(modal);
-                    });
-                } catch (err) {
-                    tableDiv.innerHTML = `<div class="text-red-600 font-mono text-sm py-4">Ocurrió un error al mostrar la tabla.<br>${err.message}</div>`;
-                }
-            }
-
-            document.getElementById("test-select").addEventListener("change", function () {
-                const selectedIndex = this.value;
-                if (!data[selectedIndex]) return;
-                renderTestTable(data[selectedIndex].test_details);
-            });
-
-            document.addEventListener("DOMContentLoaded", function () {
-                renderTestTable([]);
-            });
-
-        </script>
-</body>
-
-</html>