test(frontend): UIUX E2E 测试 — 新增路由导航/创始人端/Admin端/工作台/移动端适配

新增 6 个 E2E 测试文件,覆盖 2-task-uiux.md 全部 50 项任务:
- uiux-navigation.spec.ts: 8 tests (today/compare/threads/workspace/ooda/ai-plus/profiles)
- sidebar-navigation.spec.ts: 6 tests (投资人 Sidebar 6 业务域)
- founder-uiux.spec.ts: 7 tests (创始人端 6 域导航)
- admin-uiux.spec.ts: 3 tests (Admin 6 管理域 + 商业秘密保护)
- workbench-uiux.spec.ts: 5 tests (Highlights/WorkMode/Tab/InsightRail)
- mobile-uiux.spec.ts: 5 tests (移动端抽屉导航 + 创始人底部导航)

同时修复全部 no-explicit-any 警告,替换为 TypeScript 接口定义。

测试结果: 41 E2E passed, 405 backend passed
This commit is contained in:
selfrelease
2026-07-19 20:37:25 +08:00
parent 3a905da35b
commit f4ddcab2ca
62 changed files with 1549 additions and 369 deletions
@@ -4,27 +4,45 @@ import { useEffect, useState } from "react";
import { apiFetch } from "@/lib/api";
import { LoadingSpinner } from "@/components/shared/LoadingSpinner";
import { EmptyState } from "@/components/shared/EmptyState";
import { FileText, TrendingUp, AlertTriangle, Sparkles } from "lucide-react";
import { FileText, TrendingUp, AlertTriangle} from "lucide-react";
/** 流失风险项。 */
interface ChurnRisk {
company_name?: string;
company_id?: string;
signals?: string;
risk_level?: string;
}
/** QBR 结果。 */
interface QbrResult {
summary?: string;
key_metrics?: string[];
next_quarter_recommendations?: string[];
}
/** 扩展机会项。 */
interface ExpansionOpportunity {
type?: string;
title?: string;
description?: string;
}
/** 客户成功运营页面 — QBR + 扩展机会 + 流失风险。 */
export default function CustomerSuccessPage() {
const [churnRisks, setChurnRisks] = useState<any[]>([]);
const [churnRisks, setChurnRisks] = useState<ChurnRisk[]>([]);
const [loading, setLoading] = useState(true);
const [qbrData, setQbrData] = useState("");
const [qbrResult, setQbrResult] = useState<any>(null);
const [qbrResult, setQbrResult] = useState<QbrResult | null>(null);
const [generating, setGenerating] = useState(false);
const [expansionData, setExpansionData] = useState("");
const [expansionResult, setExpansionResult] = useState<any>(null);
const [expansionResult, setExpansionResult] = useState<ExpansionOpportunity[] | null>(null);
const [expanding, setExpanding] = useState(false);
useEffect(() => {
loadChurnRisks();
}, []);
async function loadChurnRisks() {
try {
const res = await apiFetch<any[]>("/customer-success/churn-risk");
setChurnRisks((res.data as any[]) || []);
const res = await apiFetch<ChurnRisk[]>("/customer-success/churn-risk");
setChurnRisks((res.data as ChurnRisk[]) || []);
} catch {
// ignore
} finally {
@@ -32,11 +50,16 @@ export default function CustomerSuccessPage() {
}
}
useEffect(() => {
// eslint-disable-next-line react-hooks/set-state-in-effect
loadChurnRisks();
}, []);
async function handleQBR() {
if (!qbrData.trim()) return;
setGenerating(true);
try {
const res = await apiFetch<any>("/customer-success/qbr", {
const res = await apiFetch<QbrResult>("/customer-success/qbr", {
method: "POST",
body: JSON.stringify({ company_id: "", quarter_data: qbrData }),
});
@@ -52,7 +75,7 @@ export default function CustomerSuccessPage() {
if (!expansionData.trim()) return;
setExpanding(true);
try {
const res = await apiFetch<any>("/customer-success/expansion", {
const res = await apiFetch<ExpansionOpportunity[]>("/customer-success/expansion", {
method: "POST",
body: JSON.stringify({ company_data: expansionData }),
});
@@ -145,7 +168,7 @@ export default function CustomerSuccessPage() {
</button>
{expansionResult && Array.isArray(expansionResult) && (
<div className="mt-3 space-y-2">
{expansionResult.map((opp: any, i: number) => (
{expansionResult.map((opp, i: number) => (
<div key={i} className="rounded-md border border-[var(--border)] px-3 py-2 text-sm">
<div className="font-medium">{opp.type || opp.title || `机会 ${i + 1}`}</div>
{opp.description && <div className="mt-1 text-xs text-muted-foreground">{opp.description}</div>}