diff --git a/src/pages/options/routes/Logger/LoggerMobile.test.tsx b/src/pages/options/routes/Logger/LoggerMobile.test.tsx index ed037fec3..6dc7661f0 100644 --- a/src/pages/options/routes/Logger/LoggerMobile.test.tsx +++ b/src/pages/options/routes/Logger/LoggerMobile.test.tsx @@ -84,6 +84,15 @@ describe("日志页面 - 移动端", () => { expect(msg.className).not.toContain("truncate"); }); + it("移动端范围/统计条竖向堆叠,统计与自动清理各自独占整行", () => { + renderPage(); + const bar = screen.getByTestId("logger-stats-bar"); + expect(bar.className).toContain("flex-col"); + // 两组必须撑满整行:否则长文本会溢出自身盒子压到相邻分组上(窄屏文字重叠) + expect(screen.getByTestId("logger-stats-summary").className).toContain("w-full"); + expect(screen.getByTestId("logger-clean-schedule").className).toContain("w-full"); + }); + it("仍渲染全部日志且筛选交互可用", () => { renderPage(); expect(screen.getByText("retry timeout reached")).toBeTruthy(); diff --git a/src/pages/options/routes/Logger/index.tsx b/src/pages/options/routes/Logger/index.tsx index 66c65a59d..78c17b738 100644 --- a/src/pages/options/routes/Logger/index.tsx +++ b/src/pages/options/routes/Logger/index.tsx @@ -216,28 +216,37 @@ export default function Logger() { {/* 范围 / 统计条 */} -
-
+
+
{`${formatUnixTime(range.start / 1000)} → ${formatUnixTime(range.end / 1000)}`} {isNow && ( - + {t("logs:now")} )} {refreshInterval !== "off" && ( - + {`${t("logs:live")} · ${getIntervalLabel(refreshInterval, t)}`} )} {"·"} - {`${t("logs:total_count", { count: logs.length })},${t("logs:filtered_count", { count: filtered.length })}`} + {`${t("logs:total_count", { count: logs.length })} · ${t("logs:filtered_count", { count: filtered.length })}`}
-
+
{t("logs:clean_schedule")}