@toby1123yjh/test-cli 0.1.0

package/dist/templates/components/overview.ejs

@@ -0,0 +1,56 @@
+<section class="overview-section" aria-label="测试概览">
+  <ul class="overview-section__stats" aria-label="统计">
+    <li class="stat-card">
+      <div class="stat-label">总用例</div>
+      <div class="stat-value"><%= summary.total %></div>
+    </li>
+
+    <li class="stat-card">
+      <div class="stat-label">通过</div>
+      <div class="stat-value"><%= summary.passed %></div>
+    </li>
+
+    <li class="stat-card">
+      <div class="stat-label">失败</div>
+      <div class="stat-value stat-failed"><%= summary.failed %></div>
+    </li>
+
+    <li class="stat-card">
+      <div class="stat-label">跳过</div>
+      <div class="stat-value"><%= summary.skipped %></div>
+    </li>
+  </ul>
+
+  <div class="progress-section">
+    <div class="progress-header">
+      <div class="progress-title">通过率</div>
+      <div class="progress-percent"><%= summary.passRate %>%</div>
+    </div>
+
+    <div
+      class="progress-bar"
+      role="progressbar"
+      aria-valuemin="0"
+      aria-valuemax="100"
+      aria-valuenow="<%= summary.passRate %>"
+      aria-label="通过率"
+    >
+      <div class="progress-bar__track">
+        <div class="progress-bar__fill progress-bar-fill" style="width: <%= summary.passRate %>%"></div>
+      </div>
+    </div>
+  </div>
+
+  <% if (summary.failed > 0) { %>
+    <nav class="failed-cases-section" aria-label="失败用例快速入口">
+      <div class="failed-cases-section__title">失败用例</div>
+      <ul class="failed-cases-section__list">
+        <% modules.forEach((module) => { %>
+          <% module.cases.filter((testCase) => testCase.status === 'failed').forEach((testCase) => { %>
+            <li><a class="failed-case-link" href="#case-<%= testCase.id %>"><%= testCase.name %></a></li>
+          <% }) %>
+        <% }) %>
+      </ul>
+    </nav>
+  <% } %>
+</section>

package/dist/templates/components/sidebar.ejs

@@ -0,0 +1,40 @@
+<nav id="report-sidebar" class="sidebar" aria-label="用例导航">
+  <div class="sidebar-search__wrapper">
+    <input class="sidebar-search" type="search" placeholder="搜索用例..." autocomplete="off" aria-label="搜索用例" />
+  </div>
+
+  <div class="sidebar-modules">
+    <% modules.forEach((module, moduleIndex) => { %>
+      <% const moduleTitleId = `module-title-${moduleIndex}`; %>
+      <% const moduleCasesId = `module-cases-${moduleIndex}`; %>
+      <section class="module-group" data-module-id="<%= module.name %>" aria-labelledby="<%= moduleTitleId %>">
+        <header class="module-group__header">
+          <button
+            class="toggle-btn"
+            type="button"
+            aria-expanded="true"
+            aria-label="展开/折叠 <%= module.name %>"
+            aria-controls="<%= moduleCasesId %>"
+          >
+            ▾
+          </button>
+          <h2 id="<%= moduleTitleId %>" class="module-group__title"><%= module.name %></h2>
+        </header>
+
+        <ul id="<%= moduleCasesId %>" class="module-group__cases">
+          <% module.cases.forEach((testCase) => { %>
+            <% const isActive = typeof activeCaseId !== 'undefined' && activeCaseId === testCase.id; %>
+            <li class="case-item <%= isActive ? 'active' : '' %>">
+              <a class="case-link" href="#case-<%= testCase.id %>" <%= isActive ? 'aria-current="true"' : '' %>>
+                <span class="case-status" aria-hidden="true">
+                  <%= testCase.status === 'passed' ? '✅' : testCase.status === 'failed' ? '❌' : '⏭️' %>
+                </span>
+                <span class="case-name"><%= testCase.name %></span>
+              </a>
+            </li>
+          <% }) %>
+        </ul>
+      </section>
+    <% }) %>
+  </div>
+</nav>

package/dist/templates/components/video-player.ejs

@@ -0,0 +1,9 @@
+<section class="video-player" aria-label="视频回放">
+  <% if (video && typeof video === 'object' && video.path) { %>
+    <video class="video-player__media" controls preload="metadata" src="<%= video.path %>">
+      您的浏览器不支持播放该视频。Safari 可能不支持 WebM 格式，请使用 Chrome/Edge 或下载视频文件后观看。
+    </video>
+  <% } else { %>
+    <p class="video-placeholder">📹 无视频录制</p>
+  <% } %>
+</section>

package/dist/templates/report.ejs

@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="zh-CN" data-theme="<%= theme %>">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title><%= title %></title>
+    <!-- INLINE_CSS -->
+  </head>
+  <body>
+    <div class="report-container">
+      <aside class="sidebar-slot">
+        <%- include('components/sidebar', { modules }) %>
+      </aside>
+
+      <div class="sidebar-backdrop" aria-hidden="true"></div>
+
+      <main class="main-content">
+        <%- include('components/header', { title, timestamp, duration }) %>
+        <%- include('components/overview', { summary, modules }) %>
+        <%- include('components/case-detail', { modules }) %>
+      </main>
+    </div>
+
+    <!-- INLINE_JS -->
+  </body>
+</html>