세션 평가와 교수자 분석 보강
This commit is contained in:
Yun Chan
parent
5c4ac04e06
commit
fe2796f05a
51 changed files with 4928 additions and 240 deletions
336
apps/web/e2e/dev-dashboard.spec.ts
Normal file
336
apps/web/e2e/dev-dashboard.spec.ts
Normal file
|
|
@ -0,0 +1,336 @@
|
|||
import http, { type Server } from "node:http";
|
||||
import { promises as fs } from "node:fs";
|
||||
import { AddressInfo } from "node:net";
|
||||
import path from "node:path";
|
||||
import { pathToFileURL } from "node:url";
|
||||
import { expect, test, type Page } from "@playwright/test";
|
||||
import { expectNoHorizontalOverflow } from "./support";
|
||||
|
||||
const repoRoot = path.resolve(process.cwd(), "..", "..");
|
||||
const dashboardPath = path.join(repoRoot, "docs", "dev_dashboard.html");
|
||||
|
||||
interface StaticServer {
|
||||
port: number;
|
||||
close: () => Promise<void>;
|
||||
}
|
||||
|
||||
interface DashboardMetrics {
|
||||
total: number;
|
||||
done: number;
|
||||
doing: number;
|
||||
planned: number;
|
||||
ownerCards: number;
|
||||
ownerBoard: number;
|
||||
crit: number;
|
||||
ui: Record<string, string>;
|
||||
ownerColumns: Record<string, number>;
|
||||
visibleCards: number;
|
||||
visibleGroups: number;
|
||||
phaseSegments: number;
|
||||
trackRows: number;
|
||||
trackNames: string[];
|
||||
stackSegments: string[];
|
||||
}
|
||||
|
||||
async function startStaticServer(root: string): Promise<StaticServer> {
|
||||
const server: Server = http.createServer(async (req, res) => {
|
||||
try {
|
||||
const requestUrl = new URL(req.url ?? "/", "http://127.0.0.1");
|
||||
const requestPath =
|
||||
requestUrl.pathname === "/" ? "/docs/dev_dashboard.html" : decodeURIComponent(requestUrl.pathname);
|
||||
const normalized = path.normalize(requestPath).replace(/^([/\\])+/, "");
|
||||
const filePath = path.join(root, normalized);
|
||||
const relative = path.relative(root, filePath);
|
||||
if (relative.startsWith("..") || path.isAbsolute(relative)) {
|
||||
res.writeHead(403).end("Forbidden");
|
||||
return;
|
||||
}
|
||||
|
||||
const body = await fs.readFile(filePath);
|
||||
res.writeHead(200, { "content-type": contentType(filePath) });
|
||||
res.end(body);
|
||||
} catch {
|
||||
res.writeHead(404).end("Not found");
|
||||
}
|
||||
});
|
||||
|
||||
await new Promise<void>((resolve) => server.listen(0, resolve));
|
||||
const address = server.address();
|
||||
if (!address || typeof address === "string") {
|
||||
throw new Error("Static dashboard server did not expose a TCP port");
|
||||
}
|
||||
return {
|
||||
port: (address as AddressInfo).port,
|
||||
close: () => new Promise<void>((resolve, reject) => server.close((err) => (err ? reject(err) : resolve()))),
|
||||
};
|
||||
}
|
||||
|
||||
function contentType(filePath: string) {
|
||||
const ext = path.extname(filePath).toLowerCase();
|
||||
if (ext === ".html") return "text/html; charset=utf-8";
|
||||
if (ext === ".css") return "text/css; charset=utf-8";
|
||||
if (ext === ".js" || ext === ".mjs") return "text/javascript; charset=utf-8";
|
||||
if (ext === ".png") return "image/png";
|
||||
if (ext === ".svg") return "image/svg+xml";
|
||||
return "application/octet-stream";
|
||||
}
|
||||
|
||||
async function openDashboard(page: Page, url: string) {
|
||||
const errors: string[] = [];
|
||||
page.on("console", (msg) => {
|
||||
if (msg.type() === "error") errors.push(msg.text());
|
||||
});
|
||||
page.on("pageerror", (err) => errors.push(err.message));
|
||||
|
||||
const response = await page.goto(url, { waitUntil: "domcontentloaded" });
|
||||
if (url.startsWith("http")) {
|
||||
expect(response?.ok(), `${url} should load over HTTP`).toBeTruthy();
|
||||
}
|
||||
await expect(page.locator("#phase-rail .pr-seg")).toHaveCount(5);
|
||||
expect(errors).toEqual([]);
|
||||
}
|
||||
|
||||
async function readMetrics(page: Page): Promise<DashboardMetrics> {
|
||||
return await page.evaluate(() => {
|
||||
const cards = Array.from(document.querySelectorAll<HTMLElement>(".scard"));
|
||||
const statusCount = (status: string) => cards.filter((card) => card.dataset.status === status).length;
|
||||
const text = (selector: string) => document.querySelector(selector)?.textContent?.trim() ?? "";
|
||||
const countOwnerColumn = (column: string) =>
|
||||
document.querySelector(`[data-owner-col="${column}"]`)?.querySelectorAll('.ocard[data-owner="1"]').length ?? 0;
|
||||
|
||||
return {
|
||||
total: cards.length,
|
||||
done: statusCount("done"),
|
||||
doing: statusCount("doing"),
|
||||
planned: cards.length - statusCount("done") - statusCount("doing"),
|
||||
ownerCards: cards.filter((card) => card.dataset.owner === "1").length,
|
||||
ownerBoard: document.querySelectorAll('.ocard[data-owner="1"]').length,
|
||||
crit: cards.filter((card) => card.querySelector(".critbadge")).length,
|
||||
ui: {
|
||||
kpiDone: text("#kpi-done"),
|
||||
kpiDoing: text("#kpi-doing"),
|
||||
kpiPlan: text("#kpi-plan"),
|
||||
kpiOwner: text("#kpi-owner"),
|
||||
pillOwner: text("#pill-owner"),
|
||||
total: text("#g-total"),
|
||||
legendDone: text("#lg-done"),
|
||||
legendDoing: text("#lg-doing"),
|
||||
legendPlan: text("#lg-plan"),
|
||||
filterAll: text('[data-count="all"]'),
|
||||
filterDone: text('[data-count="done"]'),
|
||||
filterDoing: text('[data-count="doing"]'),
|
||||
filterPlanned: text('[data-count="planned"]'),
|
||||
filterOwner: text('[data-count="owner"]'),
|
||||
filterCrit: text('[data-count="crit"]'),
|
||||
},
|
||||
ownerColumns: {
|
||||
block: countOwnerColumn("block"),
|
||||
decide: countOwnerColumn("decide"),
|
||||
ext: countOwnerColumn("ext"),
|
||||
},
|
||||
visibleCards: cards.filter((card) => !card.classList.contains("hide")).length,
|
||||
visibleGroups: Array.from(document.querySelectorAll<HTMLElement>("#board .track-group")).filter(
|
||||
(group) => getComputedStyle(group).display !== "none",
|
||||
).length,
|
||||
phaseSegments: document.querySelectorAll("#phase-rail .pr-seg").length,
|
||||
trackRows: document.querySelectorAll("#tracks .track").length,
|
||||
trackNames: Array.from(document.querySelectorAll("#tracks .track .tname")).map(
|
||||
(el) => el.textContent?.trim() ?? "",
|
||||
),
|
||||
stackSegments: Array.from(document.querySelectorAll("#stackbar i")).map((el) => el.textContent?.trim() ?? ""),
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
function expectDerivedMetrics(metrics: DashboardMetrics) {
|
||||
expect(metrics.total).toBeGreaterThan(0);
|
||||
expect(metrics.done).toBe(metrics.total);
|
||||
expect(metrics.doing).toBe(0);
|
||||
expect(metrics.planned).toBe(0);
|
||||
expect(metrics.ownerBoard).toBe(
|
||||
metrics.ownerColumns.block + metrics.ownerColumns.decide + metrics.ownerColumns.ext,
|
||||
);
|
||||
expect(metrics.ownerBoard).toBeGreaterThan(0);
|
||||
expect(metrics.crit).toBe(3);
|
||||
expect(metrics.ui).toMatchObject({
|
||||
kpiDone: String(metrics.done),
|
||||
kpiDoing: String(metrics.doing),
|
||||
kpiPlan: String(metrics.planned),
|
||||
kpiOwner: String(metrics.ownerBoard),
|
||||
pillOwner: String(metrics.ownerBoard),
|
||||
total: String(metrics.total),
|
||||
legendDone: String(metrics.done),
|
||||
legendDoing: String(metrics.doing),
|
||||
legendPlan: String(metrics.planned),
|
||||
filterAll: String(metrics.total),
|
||||
filterDone: String(metrics.done),
|
||||
filterDoing: String(metrics.doing),
|
||||
filterPlanned: String(metrics.planned),
|
||||
filterOwner: String(metrics.ownerCards),
|
||||
filterCrit: String(metrics.crit),
|
||||
});
|
||||
expect(metrics.phaseSegments).toBe(5);
|
||||
expect(metrics.trackRows).toBeGreaterThan(1);
|
||||
expect(metrics.trackNames).not.toContain("");
|
||||
expect(metrics.stackSegments).toEqual([String(metrics.done)]);
|
||||
}
|
||||
|
||||
async function expectVisibleCards(page: Page, expected: number) {
|
||||
await expect
|
||||
.poll(async () => (await readMetrics(page)).visibleCards, { message: `expected ${expected} visible cards` })
|
||||
.toBe(expected);
|
||||
}
|
||||
|
||||
test.describe.configure({ mode: "serial" });
|
||||
|
||||
test.describe("dev dashboard static command center", () => {
|
||||
let staticServer: StaticServer;
|
||||
|
||||
test.beforeAll(async () => {
|
||||
staticServer = await startStaticServer(repoRoot);
|
||||
});
|
||||
|
||||
test.afterAll(async () => {
|
||||
await staticServer.close();
|
||||
});
|
||||
|
||||
test("derives counters and graphs on local file and HTTP origins", async ({ page }) => {
|
||||
const urls = [
|
||||
pathToFileURL(dashboardPath).toString(),
|
||||
`http://127.0.0.1:${staticServer.port}/docs/dev_dashboard.html`,
|
||||
`http://localhost:${staticServer.port}/docs/dev_dashboard.html`,
|
||||
];
|
||||
|
||||
for (const url of urls) {
|
||||
await openDashboard(page, url);
|
||||
expectDerivedMetrics(await readMetrics(page));
|
||||
}
|
||||
});
|
||||
|
||||
test("keeps filters stable under empty states, wrong order, and rapid retries", async ({ page }) => {
|
||||
await openDashboard(page, `http://127.0.0.1:${staticServer.port}/docs/dev_dashboard.html`);
|
||||
const initial = await readMetrics(page);
|
||||
expectDerivedMetrics(initial);
|
||||
|
||||
await page.locator('[data-filter="planned"]').click();
|
||||
await expectVisibleCards(page, 0);
|
||||
await expect(page.locator("#board .track-group").first()).not.toBeVisible();
|
||||
await page.locator('[data-filter="done"]').focus();
|
||||
await page.keyboard.press("Enter");
|
||||
await expect(page.locator('[data-filter="done"]')).toHaveAttribute("aria-pressed", "true");
|
||||
await expectVisibleCards(page, initial.done);
|
||||
await page.locator('[data-filter="planned"]').focus();
|
||||
await page.keyboard.press("Space");
|
||||
await expect(page.locator('[data-filter="planned"]')).toHaveAttribute("aria-pressed", "true");
|
||||
await expectVisibleCards(page, 0);
|
||||
|
||||
const rapidSequence = ["all", "crit", "doing", "owner", "planned", "done", "all", "crit", "all"];
|
||||
await page.evaluate((filters) => {
|
||||
for (const filter of filters) {
|
||||
document
|
||||
.querySelector<HTMLElement>(`[data-filter="${filter}"]`)
|
||||
?.dispatchEvent(new MouseEvent("click", { bubbles: true, cancelable: true }));
|
||||
}
|
||||
}, rapidSequence);
|
||||
|
||||
await expect(page.locator('[data-filter="all"]')).toHaveAttribute("aria-pressed", "true");
|
||||
await expectVisibleCards(page, initial.total);
|
||||
expectDerivedMetrics(await readMetrics(page));
|
||||
|
||||
const firstCard = page.locator(".scard").first();
|
||||
const firstHead = firstCard.locator(".scard-head");
|
||||
await firstHead.click();
|
||||
await expect(firstHead).toHaveAttribute("aria-expanded", "true");
|
||||
await expect(firstCard).toHaveClass(/open/);
|
||||
await page.locator('[data-filter="planned"]').click();
|
||||
await expectVisibleCards(page, 0);
|
||||
await page.locator('[data-filter="all"]').click();
|
||||
await expect(firstHead).toHaveAttribute("aria-expanded", "true");
|
||||
await firstHead.click();
|
||||
await expect(firstHead).toHaveAttribute("aria-expanded", "false");
|
||||
});
|
||||
|
||||
test("keeps local links, images, and hash anchors intact", async ({ page }) => {
|
||||
const dashboardUrl = `http://127.0.0.1:${staticServer.port}/docs/dev_dashboard.html`;
|
||||
await openDashboard(page, dashboardUrl);
|
||||
|
||||
await page.locator(".owner-pill").click();
|
||||
await expect(page).toHaveURL(/#owner$/);
|
||||
await expect(page.locator("#owner")).toBeInViewport();
|
||||
await page.locator(".kpi.k-done").click();
|
||||
await expect(page).toHaveURL(/#board$/);
|
||||
await expect(page.locator("#board")).toBeInViewport();
|
||||
|
||||
const references = await page.evaluate(() =>
|
||||
Array.from(document.querySelectorAll<HTMLAnchorElement | HTMLImageElement | HTMLLinkElement>("[href],[src]"))
|
||||
.map((el) => ({
|
||||
tag: el.tagName.toLowerCase(),
|
||||
value: el.getAttribute("href") ?? el.getAttribute("src") ?? "",
|
||||
}))
|
||||
.filter((item) => item.value.length > 0),
|
||||
);
|
||||
|
||||
for (const reference of references) {
|
||||
if (reference.value.startsWith("#")) {
|
||||
await expect(page.locator(reference.value)).toHaveCount(1);
|
||||
continue;
|
||||
}
|
||||
const resolved = new URL(reference.value, dashboardUrl);
|
||||
if (resolved.origin !== new URL(dashboardUrl).origin) {
|
||||
expect(["http:", "https:"], `${reference.tag} ${reference.value}`).toContain(resolved.protocol);
|
||||
continue;
|
||||
}
|
||||
const response = await page.request.get(resolved.toString());
|
||||
expect(response.ok(), `${reference.tag} ${reference.value} should resolve`).toBeTruthy();
|
||||
}
|
||||
});
|
||||
|
||||
test("supports tab click and keyboard navigation after repeated opening", async ({ page }) => {
|
||||
await openDashboard(page, `http://127.0.0.1:${staticServer.port}/docs/dev_dashboard.html`);
|
||||
for (const foldId of ["fold-roadmap", "fold-tabs", "fold-narrative"]) {
|
||||
const fold = page.locator(`#${foldId}`);
|
||||
const summary = fold.locator("summary");
|
||||
await summary.click();
|
||||
await expect(fold).toHaveJSProperty("open", true);
|
||||
await summary.click();
|
||||
await expect(fold).toHaveJSProperty("open", false);
|
||||
await summary.click();
|
||||
await expect(fold).toHaveJSProperty("open", true);
|
||||
}
|
||||
|
||||
const tabs = page.locator('[role="tab"][data-tab]');
|
||||
const tabCount = await tabs.count();
|
||||
expect(tabCount).toBeGreaterThan(3);
|
||||
|
||||
for (let index = tabCount - 1; index >= 0; index -= 1) {
|
||||
const tab = tabs.nth(index);
|
||||
const panelId = await tab.getAttribute("aria-controls");
|
||||
expect(panelId).toBeTruthy();
|
||||
await tab.click();
|
||||
await expect(tab).toHaveAttribute("aria-selected", "true");
|
||||
await expect(page.locator(`#${panelId}`)).toBeVisible();
|
||||
await expect(page.locator('[role="tabpanel"]:not([hidden])')).toHaveCount(1);
|
||||
}
|
||||
|
||||
await tabs.first().focus();
|
||||
await page.keyboard.press("End");
|
||||
await expect(tabs.nth(tabCount - 1)).toHaveAttribute("aria-selected", "true");
|
||||
await page.keyboard.press("Home");
|
||||
await expect(tabs.first()).toHaveAttribute("aria-selected", "true");
|
||||
await page.keyboard.press("ArrowRight");
|
||||
await expect(tabs.nth(1)).toHaveAttribute("aria-selected", "true");
|
||||
await page.keyboard.press("ArrowLeft");
|
||||
await expect(tabs.first()).toHaveAttribute("aria-selected", "true");
|
||||
});
|
||||
|
||||
test("does not overflow at desktop and mobile widths in the simulated external origin", async ({ page }) => {
|
||||
for (const viewport of [
|
||||
{ width: 1440, height: 900 },
|
||||
{ width: 390, height: 844 },
|
||||
]) {
|
||||
await page.setViewportSize(viewport);
|
||||
await openDashboard(page, `http://localhost:${staticServer.port}/docs/dev_dashboard.html`);
|
||||
await expectNoHorizontalOverflow(page);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -38,6 +38,93 @@ const GATE_WIDTHS = [
|
|||
] as const;
|
||||
|
||||
const SHOT_DIR = path.join(process.cwd(), "node_modules", ".tmp", "layout-gate");
|
||||
const TEACHER_REVIEW_SESSION_ID = "teacher-review-visual";
|
||||
|
||||
function teacherAnalysisFixture() {
|
||||
const learnerId = "visual-analysis-learner";
|
||||
const sessions = Array.from({ length: 5 }, (_unused, index) => {
|
||||
const sessionNo = index + 1;
|
||||
return {
|
||||
session_id: `${learnerId}-session-${sessionNo}`,
|
||||
learner_id: learnerId,
|
||||
learner_label: "분석 검증 학습자",
|
||||
persona_code: sessionNo % 2 === 0 ? "P2" : "P1",
|
||||
persona_name: sessionNo % 2 === 0 ? "민재" : "서연",
|
||||
session_no: sessionNo,
|
||||
status: "ended",
|
||||
stage: sessionNo >= 4 ? "개입" : "탐색",
|
||||
turn_count: 8 + sessionNo,
|
||||
learner_turn_count: 4 + sessionNo,
|
||||
client_turn_count: 4,
|
||||
started_at: `2026-06-${String(10 + sessionNo).padStart(2, "0")}T09:00:00Z`,
|
||||
ended_at: `2026-06-${String(10 + sessionNo).padStart(2, "0")}T09:30:00Z`,
|
||||
review_status: sessionNo === 3 ? "closed" : "pending",
|
||||
review_note: null,
|
||||
reviewed_at: sessionNo === 3 ? "2026-06-13T10:00:00Z" : null,
|
||||
};
|
||||
});
|
||||
const points = sessions.map((session) => ({
|
||||
session_id: session.session_id,
|
||||
session_no: session.session_no,
|
||||
persona_code: session.persona_code,
|
||||
stage: session.stage,
|
||||
started_at: session.started_at,
|
||||
ended_at: session.ended_at,
|
||||
score: session.session_no >= 4 ? 0.88 : 0.52,
|
||||
rapport: Math.min(0.8, session.session_no * 0.12),
|
||||
technique_count: session.session_no + 1,
|
||||
watch_count: session.session_no < 4 ? 1 : 0,
|
||||
}));
|
||||
const summary = {
|
||||
learner_id: learnerId,
|
||||
learner_label: "분석 검증 학습자",
|
||||
sessions: sessions.length,
|
||||
ended_sessions: sessions.length,
|
||||
latest_at: sessions[sessions.length - 1].ended_at ?? "",
|
||||
first_score: points[0].score,
|
||||
latest_score: points[points.length - 1].score,
|
||||
score_delta: (points[points.length - 1].score ?? 0) - (points[0].score ?? 0),
|
||||
avg_score: 0.72,
|
||||
avg_rapport: 0.44,
|
||||
trend: "up",
|
||||
top_techniques: ["reflection", "summary"],
|
||||
points,
|
||||
};
|
||||
|
||||
return {
|
||||
dashboard: {
|
||||
source: "database",
|
||||
cohort_label: "Visual cohort",
|
||||
total_learners: 1,
|
||||
active_sessions: 0,
|
||||
ended_sessions: sessions.length,
|
||||
learner_growth: [{ ...summary, points: points.slice(-4) }],
|
||||
safety_alerts: [],
|
||||
pending_reviews: [],
|
||||
recent_sessions: sessions.slice(-2),
|
||||
message: "학생 분석 시각 검증 fixture.",
|
||||
},
|
||||
analysis: {
|
||||
source: "database",
|
||||
learner_id: learnerId,
|
||||
learner_label: "분석 검증 학습자",
|
||||
total_sessions: sessions.length,
|
||||
ended_sessions: sessions.length,
|
||||
active_sessions: 0,
|
||||
pending_reviews: 2,
|
||||
summary,
|
||||
points,
|
||||
stage_breakdown: [
|
||||
{ stage: "라포", sessions: 0, turns: 0 },
|
||||
{ stage: "탐색", sessions: 3, turns: 31 },
|
||||
{ stage: "개입", sessions: 2, turns: 22 },
|
||||
{ stage: "정리", sessions: 0, turns: 0 },
|
||||
],
|
||||
sessions,
|
||||
message: "분석 검증 학습자 전체 회기 5건",
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
async function ensureShotDir() {
|
||||
await fs.mkdir(SHOT_DIR, { recursive: true });
|
||||
|
|
@ -284,6 +371,76 @@ async function expectFilledReviewLearnerWorkbench(page: Page) {
|
|||
}
|
||||
}
|
||||
|
||||
async function expectSupervisorReviewNoDeadGaps(page: Page) {
|
||||
const report = await page.evaluate(() => {
|
||||
const cols = document.querySelector<HTMLElement>(".sr-cols--supervisor");
|
||||
const left = document.querySelector<HTMLElement>(".sr-cols--supervisor .sr-left");
|
||||
const right = document.querySelector<HTMLElement>(".sr-cols--supervisor .sr-right");
|
||||
if (!cols || !left || !right) {
|
||||
return {
|
||||
present: false,
|
||||
viewportWidth: window.innerWidth,
|
||||
columnCount: 0,
|
||||
leftDisplay: "",
|
||||
rightDisplay: "",
|
||||
maxMainGap: 0,
|
||||
maxSideGap: 0,
|
||||
};
|
||||
}
|
||||
|
||||
function maxVerticalGap(container: HTMLElement) {
|
||||
const intervals = Array.from(container.children)
|
||||
.map((child) => child.getBoundingClientRect())
|
||||
.filter((rect) => rect.width > 0 && rect.height > 0)
|
||||
.map((rect) => ({ top: rect.top, bottom: rect.bottom }))
|
||||
.sort((a, b) => a.top - b.top || a.bottom - b.bottom);
|
||||
if (intervals.length < 2) return 0;
|
||||
|
||||
let maxGap = 0;
|
||||
let currentBottom = intervals[0].bottom;
|
||||
for (let index = 1; index < intervals.length; index += 1) {
|
||||
const next = intervals[index];
|
||||
if (next.top <= currentBottom) {
|
||||
currentBottom = Math.max(currentBottom, next.bottom);
|
||||
continue;
|
||||
}
|
||||
const gap = next.top - currentBottom;
|
||||
if (gap > maxGap) maxGap = gap;
|
||||
currentBottom = next.bottom;
|
||||
}
|
||||
return Math.round(maxGap);
|
||||
}
|
||||
|
||||
const colsStyle = getComputedStyle(cols);
|
||||
const leftStyle = getComputedStyle(left);
|
||||
const rightStyle = getComputedStyle(right);
|
||||
return {
|
||||
present: true,
|
||||
viewportWidth: window.innerWidth,
|
||||
columnCount: colsStyle.gridTemplateColumns.split(" ").filter(Boolean).length,
|
||||
leftDisplay: leftStyle.display,
|
||||
rightDisplay: rightStyle.display,
|
||||
maxMainGap: maxVerticalGap(left),
|
||||
maxSideGap: maxVerticalGap(right),
|
||||
};
|
||||
});
|
||||
|
||||
expect(report.present, "supervisor review layout should be mounted").toBe(true);
|
||||
if (report.viewportWidth > 1180) {
|
||||
expect(report.columnCount, "desktop supervisor review should use main + review rail").toBe(2);
|
||||
expect(report.leftDisplay).toBe("grid");
|
||||
expect(report.rightDisplay).toBe("grid");
|
||||
expect(
|
||||
report.maxMainGap,
|
||||
"desktop supervisor review main column should not leave a dead vertical void",
|
||||
).toBeLessThanOrEqual(40);
|
||||
expect(
|
||||
report.maxSideGap,
|
||||
"desktop supervisor review side rail should not leave a dead vertical void",
|
||||
).toBeLessThanOrEqual(40);
|
||||
}
|
||||
}
|
||||
|
||||
test.describe("layout visual gate @single-run", () => {
|
||||
test.describe.configure({ mode: "serial" });
|
||||
|
||||
|
|
@ -367,6 +524,18 @@ test.describe("layout visual gate @single-run", () => {
|
|||
});
|
||||
});
|
||||
|
||||
test("professor session review avoids dead vertical gaps across all widths", async ({ page }) => {
|
||||
await signInAsTeacher(page);
|
||||
await routeFilledSessionReview(page, TEACHER_REVIEW_SESSION_ID);
|
||||
await page.goto(`/teach/session/${TEACHER_REVIEW_SESSION_ID}/review`);
|
||||
await gateScreen(page, "session-review-professor", async () => {
|
||||
await expect(page.locator(".sr-cols--supervisor")).toBeVisible({ timeout: 15_000 });
|
||||
await expect(page.getByText("교수자 검토", { exact: true })).toBeVisible();
|
||||
await expect(page.getByText("세션 트랜스크립트")).toBeVisible();
|
||||
await expectSupervisorReviewNoDeadGaps(page);
|
||||
});
|
||||
});
|
||||
|
||||
test("empty session review avoids sparse column gaps across all widths", async ({ page }) => {
|
||||
await signInAsLearner(page);
|
||||
await routeEmptySessionReview(page);
|
||||
|
|
@ -390,6 +559,33 @@ test.describe("layout visual gate @single-run", () => {
|
|||
});
|
||||
});
|
||||
|
||||
test("professor student analysis stays contained across all widths", async ({ page }) => {
|
||||
const fixture = teacherAnalysisFixture();
|
||||
await page.route("**/api/teacher/dashboard", (route) =>
|
||||
route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify(fixture.dashboard),
|
||||
}),
|
||||
);
|
||||
await page.route("**/api/teacher/learners/*/analysis", (route) =>
|
||||
route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify(fixture.analysis),
|
||||
}),
|
||||
);
|
||||
await signInAsTeacher(page);
|
||||
await page.goto("/teach/analysis");
|
||||
await gateScreen(page, "professor-analysis", async () => {
|
||||
await expect(page.locator(".pf-analysis-shell")).toBeVisible({ timeout: 15_000 });
|
||||
await expect(page.locator('[data-learner-analysis-panel="true"]')).toBeVisible({
|
||||
timeout: 15_000,
|
||||
});
|
||||
await expect(page.locator('[data-learner-session-row="true"]')).toHaveCount(5);
|
||||
});
|
||||
});
|
||||
|
||||
test("persona studio stays contained across all widths", async ({ page }) => {
|
||||
await signInAsTeacher(page);
|
||||
await page.goto("/teach/personas");
|
||||
|
|
|
|||
|
|
@ -93,6 +93,43 @@ async function expectReachableLearnerHomeLayout(page: import("@playwright/test")
|
|||
await expectNoHorizontalOverflow(page);
|
||||
}
|
||||
|
||||
async function expectPersonaCardsUseContentHeight(page: import("@playwright/test").Page) {
|
||||
const cards = await page.locator(".lh-persona").evaluateAll((items) =>
|
||||
items.map((item) => {
|
||||
const card = item as HTMLElement;
|
||||
const rect = card.getBoundingClientRect();
|
||||
const summary = card.querySelector<HTMLElement>(".lh-persona__summary");
|
||||
const body = card.querySelector<HTMLElement>(".lh-persona__body");
|
||||
const textNodes = Array.from(
|
||||
card.querySelectorAll<HTMLElement>(
|
||||
".lh-persona__name, .lh-persona__meta, .lh-persona__summary",
|
||||
),
|
||||
);
|
||||
const childBottom = Math.max(
|
||||
0,
|
||||
...textNodes.map((child) => child.getBoundingClientRect().bottom),
|
||||
);
|
||||
return {
|
||||
label: (card.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 90),
|
||||
height: Math.ceil(rect.height),
|
||||
bodyOverflow: body ? Math.ceil(body.scrollHeight - body.clientHeight) : 0,
|
||||
childBottomOverflow: Math.ceil(childBottom - rect.bottom),
|
||||
cardScrollOverflow: Math.ceil(card.scrollHeight - card.clientHeight),
|
||||
summaryOverflow: summary ? Math.ceil(summary.scrollHeight - summary.clientHeight) : 0,
|
||||
};
|
||||
}),
|
||||
);
|
||||
|
||||
const offenders = cards.filter(
|
||||
(card) =>
|
||||
card.bodyOverflow > 1 ||
|
||||
card.childBottomOverflow > 1 ||
|
||||
card.cardScrollOverflow > 1 ||
|
||||
card.summaryOverflow > 1,
|
||||
);
|
||||
expect(offenders, `Persona card text should fit its fluid-height card: ${JSON.stringify(cards)}`).toEqual([]);
|
||||
}
|
||||
|
||||
function learnerActivityHeading(page: import("@playwright/test").Page) {
|
||||
return page.locator(".lh-activity__head").getByText("기존 회기", { exact: true });
|
||||
}
|
||||
|
|
@ -161,6 +198,7 @@ test.describe("learner app shell and session launcher", () => {
|
|||
await expect(launcher.getByRole("option", { name: new RegExp(persona.code) })).toBeVisible();
|
||||
await expect(launcher.getByRole("option", { name: new RegExp(persona.display_name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")) })).toBeVisible();
|
||||
}
|
||||
await expectPersonaCardsUseContentHeight(page);
|
||||
|
||||
await expect(page.getByText(/12회/)).toHaveCount(0);
|
||||
await expect(page.getByText(/최근 연습/)).toHaveCount(0);
|
||||
|
|
|
|||
|
|
@ -12,8 +12,15 @@ function deferred() {
|
|||
return { promise, resolve };
|
||||
}
|
||||
|
||||
async function routeMvpApi(page: Page) {
|
||||
interface RouteMvpOptions {
|
||||
endStatus?: number;
|
||||
endBody?: unknown;
|
||||
crisisStream?: boolean;
|
||||
}
|
||||
|
||||
async function routeMvpApi(page: Page, options: RouteMvpOptions = {}) {
|
||||
const sessionStartRequests: unknown[] = [];
|
||||
const liveCoachRequests: unknown[] = [];
|
||||
const streamSeen = deferred();
|
||||
const streamGate = deferred();
|
||||
|
||||
|
|
@ -26,6 +33,10 @@ async function routeMvpApi(page: Page) {
|
|||
email: "mvp.learner@hs.ac.kr",
|
||||
display_name: "MVP Learner",
|
||||
role: "learner",
|
||||
admin_access: false,
|
||||
super_admin: false,
|
||||
account_status: "approved",
|
||||
approval_required: false,
|
||||
cohort_ids: [],
|
||||
consent_at: Math.floor(Date.now() / 1000),
|
||||
onboarding_completed_at: Math.floor(Date.now() / 1000),
|
||||
|
|
@ -36,6 +47,21 @@ async function routeMvpApi(page: Page) {
|
|||
});
|
||||
});
|
||||
|
||||
await page.route("**/api/users/me/prepost-measures**", async (route) => {
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({
|
||||
pilot_id: "phase3-pilot-draft",
|
||||
instrument_version: "pilot-prepost-scaffold-2026-06-28",
|
||||
measures: [],
|
||||
complete_pre_count: 0,
|
||||
complete_post_count: 0,
|
||||
updated_at: null,
|
||||
}),
|
||||
});
|
||||
});
|
||||
|
||||
await page.route("**/api/personas", async (route) => {
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
|
|
@ -102,6 +128,37 @@ async function routeMvpApi(page: Page) {
|
|||
await page.route(`**/api/sessions/${sessionId}/stream`, async (route) => {
|
||||
streamSeen.resolve();
|
||||
await streamGate.promise;
|
||||
if (options.crisisStream) {
|
||||
const crisisResource = {
|
||||
title: "자살예방상담전화 109",
|
||||
number: "109",
|
||||
message: "지금은 연습을 멈추고 실제 안전 확인이 먼저입니다.",
|
||||
};
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "text/event-stream",
|
||||
body: [
|
||||
"event: safety",
|
||||
`data: ${JSON.stringify({
|
||||
crisis_resource: crisisResource,
|
||||
conversation_stopped: true,
|
||||
})}`,
|
||||
"",
|
||||
"event: done",
|
||||
`data: ${JSON.stringify({
|
||||
session_id: sessionId,
|
||||
stage: "라포",
|
||||
effective_openness: 0.21,
|
||||
turn_seq: 1,
|
||||
safety_flagged: true,
|
||||
crisis_resource: crisisResource,
|
||||
conversation_stopped: true,
|
||||
})}`,
|
||||
"",
|
||||
].join("\n"),
|
||||
});
|
||||
return;
|
||||
}
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "text/event-stream",
|
||||
|
|
@ -123,14 +180,55 @@ async function routeMvpApi(page: Page) {
|
|||
});
|
||||
|
||||
await page.route(`**/api/sessions/${sessionId}/end`, async (route) => {
|
||||
const status = options.endStatus ?? 200;
|
||||
await route.fulfill({
|
||||
status,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify(
|
||||
options.endBody ?? {
|
||||
session_id: sessionId,
|
||||
session_no: 1,
|
||||
digest_pending: true,
|
||||
end_state: { stage: "탐색", turn_seq: 1, effective_openness: 0.42 },
|
||||
},
|
||||
),
|
||||
});
|
||||
});
|
||||
|
||||
await page.route(`**/api/sessions/${sessionId}/live-coach`, async (route) => {
|
||||
const request = route.request();
|
||||
if (request.method() === "GET") {
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({ source: "runtime", events: [] }),
|
||||
});
|
||||
return;
|
||||
}
|
||||
liveCoachRequests.push(request.postDataJSON());
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({
|
||||
session_id: sessionId,
|
||||
session_no: 1,
|
||||
digest_pending: true,
|
||||
end_state: { stage: "탐색", turn_seq: 1, effective_openness: 0.42 },
|
||||
status: "ready",
|
||||
tone: "pos",
|
||||
focus: "reflection",
|
||||
title: "감정 반영이 선명합니다",
|
||||
message: "학습자가 내담자의 감정을 평가하지 않고 먼저 되짚었습니다.",
|
||||
next_utterance: "그 마음이 가장 크게 올라온 장면을 조금 더 들려줄 수 있을까요?",
|
||||
rationale: "방금 발화는 정서 반영과 개방 질문을 함께 포함합니다.",
|
||||
sources: [
|
||||
{
|
||||
source_id: "live_coaching_workbook_0615",
|
||||
title: "0615 사례개념화 워크북",
|
||||
locator: "reflection",
|
||||
kb_kind: "source_pack",
|
||||
version: "2026-06-15",
|
||||
citation: "허가된 요약 근거",
|
||||
},
|
||||
],
|
||||
safety_note: null,
|
||||
latency_ms: 12,
|
||||
}),
|
||||
});
|
||||
});
|
||||
|
|
@ -192,7 +290,7 @@ async function routeMvpApi(page: Page) {
|
|||
});
|
||||
});
|
||||
|
||||
return { sessionStartRequests, streamGate, streamSeen };
|
||||
return { sessionStartRequests, liveCoachRequests, streamGate, streamSeen };
|
||||
}
|
||||
|
||||
test.describe("P1 MVP core loop", () => {
|
||||
|
|
@ -239,4 +337,67 @@ test.describe("P1 MVP core loop", () => {
|
|||
await expect(page.locator(".sr-feedback").getByText(clientReply)).toBeVisible();
|
||||
await expect(page.getByText("평가 AI가 저장된 축어록을 분석했습니다.")).toBeVisible();
|
||||
});
|
||||
|
||||
test("shows AI tutor coaching in coached mode after a completed turn", async ({ page }) => {
|
||||
const api = await routeMvpApi(page);
|
||||
|
||||
await page.goto("/learn/session/P1");
|
||||
await page.getByRole("button", { name: "회기 시작" }).click();
|
||||
await page.getByRole("button", { name: "코칭" }).click();
|
||||
await page.getByLabel("학습자 발화 입력").fill(learnerText);
|
||||
await page.getByRole("button", { name: "보내기" }).click();
|
||||
|
||||
await api.streamSeen.promise;
|
||||
api.streamGate.resolve();
|
||||
|
||||
await expect(page.locator(".sx-coach-card").getByText("감정 반영이 선명합니다")).toBeVisible();
|
||||
await expect(
|
||||
page.getByText("학습자가 내담자의 감정을 평가하지 않고 먼저 되짚었습니다."),
|
||||
).toBeVisible();
|
||||
expect(api.liveCoachRequests).toHaveLength(1);
|
||||
expect(api.liveCoachRequests[0]).toMatchObject({
|
||||
learner_text: learnerText,
|
||||
client_reply: clientReply,
|
||||
turn_seq: 1,
|
||||
});
|
||||
});
|
||||
|
||||
test("keeps crisis safety gate visible instead of showing empty client reply @single-run", async ({ page }) => {
|
||||
const api = await routeMvpApi(page, { crisisStream: true });
|
||||
|
||||
await page.goto("/learn/session/P1");
|
||||
await page.getByRole("button", { name: "회기 시작" }).click();
|
||||
await page.getByRole("button", { name: "코칭" }).click();
|
||||
await page.getByLabel("학습자 발화 입력").fill("저 지금 자살하고 싶어요. 도와주세요.");
|
||||
await page.getByRole("button", { name: "보내기" }).click();
|
||||
|
||||
await api.streamSeen.promise;
|
||||
api.streamGate.resolve();
|
||||
|
||||
await expect(page.locator(".sx-crisis-resource").getByText("자살예방상담전화 109")).toBeVisible();
|
||||
await expect(page.getByRole("link", { name: "109" })).toBeVisible();
|
||||
await expect(
|
||||
page.locator(".sx-signal__one-text").filter({ hasText: "위기 안전게이트 작동" }),
|
||||
).toBeVisible();
|
||||
await expect(page.getByText("내담자 응답 없음")).toHaveCount(0);
|
||||
await expect(page.locator(".sx-utt.is-client")).toHaveCount(0);
|
||||
await expect(page.getByLabel("학습자 발화 입력")).toBeDisabled();
|
||||
expect(api.liveCoachRequests).toHaveLength(0);
|
||||
});
|
||||
|
||||
test("does not navigate to review when session end fails", async ({ page }) => {
|
||||
await routeMvpApi(page, {
|
||||
endStatus: 503,
|
||||
endBody: { detail: "session end persistence unavailable" },
|
||||
});
|
||||
|
||||
await page.goto("/learn/session/P1");
|
||||
await page.getByRole("button", { name: "회기 시작" }).click();
|
||||
await page.getByRole("button", { name: "회기 종료" }).click();
|
||||
await page.getByRole("button", { name: "종료하고 리뷰 보기" }).click();
|
||||
|
||||
await expect(page).toHaveURL(new RegExp(`/learn/session/${sessionId}$`));
|
||||
await expect(page.getByRole("alert")).toContainText("회기 종료에 실패했습니다.");
|
||||
await expect(page.getByRole("alert")).toContainText("session end persistence unavailable");
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -6,12 +6,363 @@ interface SessionStartResponse {
|
|||
degraded: boolean;
|
||||
}
|
||||
|
||||
interface HealthResponse {
|
||||
db?: boolean;
|
||||
engine?: boolean;
|
||||
}
|
||||
|
||||
interface ReviewTurn {
|
||||
speaker: string;
|
||||
text: string;
|
||||
nonverbal?: Array<{
|
||||
kind: string;
|
||||
label: string;
|
||||
detail: string;
|
||||
}>;
|
||||
}
|
||||
|
||||
interface SessionReviewResponse {
|
||||
session_id: string;
|
||||
turns: ReviewTurn[];
|
||||
degraded?: boolean;
|
||||
reviewReady?: boolean;
|
||||
supervisorState?: string;
|
||||
summary?: string;
|
||||
caseWorksheet?: {
|
||||
status?: string;
|
||||
sections?: Array<{
|
||||
key: string;
|
||||
items?: Array<{
|
||||
key: string;
|
||||
value?: string | null;
|
||||
}>;
|
||||
}>;
|
||||
};
|
||||
teacherReview?: {
|
||||
worksheetStatus?: string | null;
|
||||
worksheetNote?: string | null;
|
||||
} | null;
|
||||
}
|
||||
|
||||
interface LiveCoachEvent {
|
||||
turn_seq: number;
|
||||
learner_text_excerpt?: string | null;
|
||||
suggestion: {
|
||||
title: string;
|
||||
message: string;
|
||||
};
|
||||
}
|
||||
|
||||
interface LiveCoachHistoryResponse {
|
||||
source: string;
|
||||
events: LiveCoachEvent[];
|
||||
}
|
||||
|
||||
interface VoiceHealthResponse {
|
||||
available?: boolean;
|
||||
}
|
||||
|
||||
interface VoiceWsProbe {
|
||||
code: number;
|
||||
events: Array<{ type?: string; state?: string; [key: string]: unknown }>;
|
||||
binaryChunks: number;
|
||||
}
|
||||
|
||||
interface VoiceUiProbeMessage {
|
||||
direction: "sent" | "received";
|
||||
kind: "text" | "binary";
|
||||
data?: string;
|
||||
byteLength?: number;
|
||||
}
|
||||
|
||||
interface VoiceUiProbeState {
|
||||
getUserMediaCalls: number;
|
||||
workletModuleLoads: number;
|
||||
workletNodes: number;
|
||||
workletChunks: number;
|
||||
trackStops: number;
|
||||
messages: VoiceUiProbeMessage[];
|
||||
}
|
||||
|
||||
interface EvaluationSummaryResponse {
|
||||
session_id: string;
|
||||
status?: string | null;
|
||||
error?: string | null;
|
||||
durable?: boolean;
|
||||
deep?: Record<string, unknown> | null;
|
||||
}
|
||||
|
||||
interface PrepostMeasureItem {
|
||||
measure_name: string;
|
||||
timepoint: string;
|
||||
raw_score: number;
|
||||
normalized_score: number;
|
||||
}
|
||||
|
||||
interface PrepostMeasuresResponse {
|
||||
source: string;
|
||||
durable: boolean;
|
||||
pilot_id: string;
|
||||
complete_measure_pairs: number;
|
||||
measures: PrepostMeasureItem[];
|
||||
}
|
||||
|
||||
async function expectResponseOk(response: { ok: () => boolean; text: () => Promise<string> }) {
|
||||
if (!response.ok()) {
|
||||
expect(response.ok(), await response.text()).toBeTruthy();
|
||||
}
|
||||
}
|
||||
|
||||
async function setupSyntheticVoiceUiProbe(page: Page, transcript: string) {
|
||||
await page.addInitScript((text) => {
|
||||
type ProbeMessage = {
|
||||
direction: "sent" | "received";
|
||||
kind: "text" | "binary";
|
||||
data?: string;
|
||||
byteLength?: number;
|
||||
};
|
||||
type ProbeState = {
|
||||
getUserMediaCalls: number;
|
||||
workletModuleLoads: number;
|
||||
workletNodes: number;
|
||||
workletChunks: number;
|
||||
trackStops: number;
|
||||
messages: ProbeMessage[];
|
||||
};
|
||||
const probe: ProbeState = {
|
||||
getUserMediaCalls: 0,
|
||||
workletModuleLoads: 0,
|
||||
workletNodes: 0,
|
||||
workletChunks: 0,
|
||||
trackStops: 0,
|
||||
messages: [],
|
||||
};
|
||||
(window as Window & { __voiceUiProbe?: ProbeState }).__voiceUiProbe = probe;
|
||||
|
||||
const fakeTrack = {
|
||||
kind: "audio",
|
||||
enabled: true,
|
||||
readyState: "live",
|
||||
stop: () => {
|
||||
probe.trackStops += 1;
|
||||
fakeTrack.readyState = "ended";
|
||||
},
|
||||
};
|
||||
const fakeStream = {
|
||||
active: true,
|
||||
getTracks: () => [fakeTrack],
|
||||
getAudioTracks: () => [fakeTrack],
|
||||
};
|
||||
Object.defineProperty(navigator, "mediaDevices", {
|
||||
configurable: true,
|
||||
value: {
|
||||
getUserMedia: async () => {
|
||||
probe.getUserMediaCalls += 1;
|
||||
return fakeStream;
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
const NativeWebSocket = window.WebSocket;
|
||||
const sizeOf = (data: unknown) => {
|
||||
if (typeof data === "string") return data.length;
|
||||
if (data instanceof Blob) return data.size;
|
||||
if (data instanceof ArrayBuffer) return data.byteLength;
|
||||
if (ArrayBuffer.isView(data)) return data.byteLength;
|
||||
return 0;
|
||||
};
|
||||
class ProbeWebSocket extends NativeWebSocket {
|
||||
constructor(url: string | URL, protocols?: string | string[]) {
|
||||
if (protocols === undefined) super(url);
|
||||
else super(url, protocols);
|
||||
this.addEventListener("message", (event) => {
|
||||
if (typeof event.data === "string") {
|
||||
probe.messages.push({ direction: "received", kind: "text", data: event.data });
|
||||
} else {
|
||||
probe.messages.push({
|
||||
direction: "received",
|
||||
kind: "binary",
|
||||
byteLength: sizeOf(event.data),
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
send(data: string | ArrayBufferLike | Blob | ArrayBufferView) {
|
||||
if (typeof data === "string") {
|
||||
probe.messages.push({ direction: "sent", kind: "text", data });
|
||||
try {
|
||||
const parsed = JSON.parse(data) as {
|
||||
type?: string;
|
||||
silence_ms?: number;
|
||||
barge_in?: boolean;
|
||||
provider_events?: unknown[];
|
||||
};
|
||||
if (parsed.type === "audio_end") {
|
||||
super.send(
|
||||
JSON.stringify({
|
||||
type: "stt_result",
|
||||
text,
|
||||
final: true,
|
||||
silence_ms: parsed.silence_ms,
|
||||
barge_in: parsed.barge_in,
|
||||
provider_events: parsed.provider_events,
|
||||
}),
|
||||
);
|
||||
return;
|
||||
}
|
||||
} catch {
|
||||
// Keep non-JSON WebSocket traffic unchanged.
|
||||
}
|
||||
} else {
|
||||
probe.messages.push({ direction: "sent", kind: "binary", byteLength: sizeOf(data) });
|
||||
}
|
||||
super.send(data);
|
||||
}
|
||||
}
|
||||
Object.defineProperty(window, "WebSocket", {
|
||||
configurable: true,
|
||||
value: ProbeWebSocket,
|
||||
});
|
||||
|
||||
class FakeWorkletPort {
|
||||
onmessage: ((event: MessageEvent) => void) | null = null;
|
||||
closed = false;
|
||||
|
||||
postMessage(message: { type?: string }) {
|
||||
if (message?.type === "flush") this.emitChunk();
|
||||
}
|
||||
|
||||
close() {
|
||||
this.closed = true;
|
||||
}
|
||||
|
||||
emitChunk() {
|
||||
if (this.closed) return;
|
||||
probe.workletChunks += 1;
|
||||
const pcm = new Int16Array([0, 4096, -4096, 0]);
|
||||
this.onmessage?.({
|
||||
data: {
|
||||
type: "chunk",
|
||||
pcm: pcm.buffer,
|
||||
metrics: {
|
||||
durationMs: 1600,
|
||||
voiceMs: 360,
|
||||
silenceMs: 1240,
|
||||
trailingSilenceMs: 1240,
|
||||
rms: 0.1,
|
||||
peak: 0.72,
|
||||
},
|
||||
},
|
||||
} as MessageEvent);
|
||||
}
|
||||
}
|
||||
|
||||
class FakeAudioWorkletNode {
|
||||
port = new FakeWorkletPort();
|
||||
|
||||
constructor(_ctx: unknown, _name: string, _options?: unknown) {
|
||||
probe.workletNodes += 1;
|
||||
}
|
||||
|
||||
connect() {
|
||||
return this;
|
||||
}
|
||||
|
||||
disconnect() {
|
||||
return undefined;
|
||||
}
|
||||
|
||||
__start() {
|
||||
window.setTimeout(() => this.port.emitChunk(), 25);
|
||||
}
|
||||
}
|
||||
|
||||
class FakeMediaStreamSource {
|
||||
connect(node: { __start?: () => void }) {
|
||||
node.__start?.();
|
||||
return node;
|
||||
}
|
||||
|
||||
disconnect() {
|
||||
return undefined;
|
||||
}
|
||||
}
|
||||
|
||||
class FakeAudioContext {
|
||||
state = "running";
|
||||
destination = {};
|
||||
sampleRate = 16000;
|
||||
audioWorklet = {
|
||||
addModule: async (_url: string) => {
|
||||
probe.workletModuleLoads += 1;
|
||||
},
|
||||
};
|
||||
|
||||
async resume() {
|
||||
this.state = "running";
|
||||
}
|
||||
|
||||
async close() {
|
||||
this.state = "closed";
|
||||
}
|
||||
|
||||
async decodeAudioData(_data: ArrayBuffer) {
|
||||
return { duration: 0.12 };
|
||||
}
|
||||
|
||||
createAnalyser() {
|
||||
return {
|
||||
fftSize: 0,
|
||||
frequencyBinCount: 4,
|
||||
getByteTimeDomainData: (array: Uint8Array) => array.fill(128),
|
||||
connect: () => undefined,
|
||||
disconnect: () => undefined,
|
||||
};
|
||||
}
|
||||
|
||||
createBufferSource() {
|
||||
return {
|
||||
buffer: null,
|
||||
connect: () => undefined,
|
||||
disconnect: () => undefined,
|
||||
start: () => undefined,
|
||||
stop: () => undefined,
|
||||
onended: null as (() => void) | null,
|
||||
};
|
||||
}
|
||||
|
||||
createMediaStreamSource(_stream: unknown) {
|
||||
return new FakeMediaStreamSource();
|
||||
}
|
||||
}
|
||||
|
||||
Object.defineProperty(window, "AudioWorkletNode", {
|
||||
configurable: true,
|
||||
value: FakeAudioWorkletNode,
|
||||
});
|
||||
Object.defineProperty(window, "AudioContext", {
|
||||
configurable: true,
|
||||
value: FakeAudioContext,
|
||||
});
|
||||
Object.defineProperty(window, "webkitAudioContext", {
|
||||
configurable: true,
|
||||
value: FakeAudioContext,
|
||||
});
|
||||
}, transcript);
|
||||
}
|
||||
|
||||
async function readVoiceUiProbe(page: Page): Promise<VoiceUiProbeState> {
|
||||
return page.evaluate(() => {
|
||||
const probe = (window as Window & { __voiceUiProbe?: VoiceUiProbeState }).__voiceUiProbe;
|
||||
if (!probe) throw new Error("voice UI probe was not installed");
|
||||
return {
|
||||
...probe,
|
||||
messages: [...probe.messages],
|
||||
};
|
||||
});
|
||||
}
|
||||
|
||||
async function createSessionWithTurn(page: Page) {
|
||||
const persona = await fetchAvailablePersona(page);
|
||||
const startedResponse = await page.request.post("/api/sessions", {
|
||||
|
|
@ -50,8 +401,391 @@ async function createSessionWithTurn(page: Page) {
|
|||
return { sessionId: started.session_id, expectedMinTurns };
|
||||
}
|
||||
|
||||
async function createEndedSessionWithoutTurn(page: Page) {
|
||||
const persona = await fetchAvailablePersona(page);
|
||||
const startedResponse = await page.request.post("/api/sessions", {
|
||||
data: {
|
||||
persona_code: persona.code,
|
||||
theory_mode: "humanistic",
|
||||
},
|
||||
});
|
||||
await expectResponseOk(startedResponse);
|
||||
const started = (await startedResponse.json()) as SessionStartResponse;
|
||||
expect(started.degraded).toBe(false);
|
||||
|
||||
const endedResponse = await page.request.post(`/api/sessions/${started.session_id}/end`);
|
||||
await expectResponseOk(endedResponse);
|
||||
return started.session_id;
|
||||
}
|
||||
|
||||
async function evaluationState(page: Page, sessionId: string) {
|
||||
const response = await page.request.get(`/api/eval/sessions/${sessionId}/evaluation`);
|
||||
if (!response.ok()) {
|
||||
return `http:${response.status()}:${(await response.text()).slice(0, 120)}`;
|
||||
}
|
||||
const body = (await response.json()) as EvaluationSummaryResponse;
|
||||
const loop = typeof body.deep?.loop === "string" ? body.deep.loop : "none";
|
||||
const turnsEvaluated =
|
||||
typeof body.deep?.turns_evaluated === "number" ? body.deep.turns_evaluated : 0;
|
||||
if (body.status === "ready" && body.durable === true && loop === "deep") {
|
||||
return `ready:${turnsEvaluated}`;
|
||||
}
|
||||
if (body.status === "error") {
|
||||
return `error:${body.error || "empty-error"}:${body.durable ? "durable" : "cache"}`;
|
||||
}
|
||||
return `pending:${body.status ?? "none"}:${body.durable ? "durable" : "cache"}:${loop}`;
|
||||
}
|
||||
|
||||
test.describe("session persistence", () => {
|
||||
test("persists the browser SSE stream into DB-backed review @single-run", async ({ page }) => {
|
||||
test.setTimeout(120_000);
|
||||
|
||||
const healthResponse = await page.request.get("/api/health");
|
||||
await expectResponseOk(healthResponse);
|
||||
const health = (await healthResponse.json()) as HealthResponse;
|
||||
test.skip(!health.db || !health.engine, "real stream persistence requires DB and engine");
|
||||
|
||||
await signInAsLearner(page);
|
||||
const persona = await fetchAvailablePersona(page, 1);
|
||||
const learnerText =
|
||||
"지금 많이 버거웠겠어요. 오늘 제일 크게 남아 있는 감정은 무엇인가요?";
|
||||
|
||||
await page.goto(`/learn/session/${persona.code}`);
|
||||
await page.getByRole("button", { name: "회기 시작" }).click();
|
||||
await expect(page.locator(".sx-page.sx-page--active")).toBeVisible({ timeout: 15_000 });
|
||||
await expect(page).toHaveURL(/\/learn\/session\/[0-9a-f-]+$/i);
|
||||
const sessionId = new URL(page.url()).pathname.split("/").at(-1);
|
||||
expect(sessionId).toMatch(/^[0-9a-f-]+$/i);
|
||||
|
||||
const streamResponsePromise = page.waitForResponse((response) => {
|
||||
const url = new URL(response.url());
|
||||
return (
|
||||
response.request().method() === "POST" &&
|
||||
url.pathname.endsWith(`/api/sessions/${sessionId}/stream`)
|
||||
);
|
||||
});
|
||||
|
||||
const input = page.getByLabel("학습자 발화 입력");
|
||||
await input.fill(learnerText);
|
||||
await page.getByRole("button", { name: "보내기" }).click();
|
||||
|
||||
const streamResponse = await streamResponsePromise;
|
||||
await expectResponseOk(streamResponse);
|
||||
await expect(page.locator(".sx-utt.is-learner").filter({ hasText: learnerText })).toBeVisible();
|
||||
await expect(page.locator(".sx-utt.is-client.is-thinking")).toHaveCount(0, {
|
||||
timeout: 90_000,
|
||||
});
|
||||
const clientUtterance = page.locator(".sx-utt.is-client").first();
|
||||
await expect(clientUtterance).toBeVisible();
|
||||
await expect(clientUtterance).not.toContainText("답변을 준비 중입니다.");
|
||||
await expect(input).toBeEnabled({ timeout: 90_000 });
|
||||
|
||||
const reviewResponse = await page.request.get(`/api/sessions/${sessionId}/review`);
|
||||
await expectResponseOk(reviewResponse);
|
||||
const review = (await reviewResponse.json()) as SessionReviewResponse;
|
||||
expect(review.session_id).toBe(sessionId);
|
||||
expect(review.turns.some((turn) => turn.speaker === "learner" && turn.text === learnerText)).toBe(
|
||||
true,
|
||||
);
|
||||
expect(
|
||||
review.turns.some((turn) => turn.speaker === "client" && turn.text.trim().length > 0),
|
||||
).toBe(true);
|
||||
});
|
||||
|
||||
test("persists AI tutor coaching history through reload @single-run", async ({ page }) => {
|
||||
test.setTimeout(150_000);
|
||||
|
||||
const healthResponse = await page.request.get("/api/health");
|
||||
await expectResponseOk(healthResponse);
|
||||
const health = (await healthResponse.json()) as HealthResponse;
|
||||
test.skip(!health.db || !health.engine, "real live-coach persistence requires DB and engine");
|
||||
|
||||
await signInAsLearner(page);
|
||||
const persona = await fetchAvailablePersona(page, 1);
|
||||
const learnerText =
|
||||
"그 말을 꺼내는 것도 쉽지 않았겠어요. 지금 가장 버거운 감정부터 천천히 말해볼까요?";
|
||||
|
||||
await page.goto(`/learn/session/${persona.code}`);
|
||||
await page.getByRole("button", { name: "회기 시작" }).click();
|
||||
await page.getByRole("button", { name: "코칭" }).click();
|
||||
await expect(page.locator(".sx-page.sx-page--active")).toBeVisible({ timeout: 15_000 });
|
||||
await expect(page).toHaveURL(/\/learn\/session\/[0-9a-f-]+$/i);
|
||||
const sessionId = new URL(page.url()).pathname.split("/").at(-1);
|
||||
expect(sessionId).toMatch(/^[0-9a-f-]+$/i);
|
||||
|
||||
const streamResponsePromise = page.waitForResponse((response) => {
|
||||
const url = new URL(response.url());
|
||||
return (
|
||||
response.request().method() === "POST" &&
|
||||
url.pathname.endsWith(`/api/sessions/${sessionId}/stream`)
|
||||
);
|
||||
});
|
||||
const coachResponsePromise = page.waitForResponse((response) => {
|
||||
const url = new URL(response.url());
|
||||
return (
|
||||
response.request().method() === "POST" &&
|
||||
url.pathname.endsWith(`/api/sessions/${sessionId}/live-coach`)
|
||||
);
|
||||
});
|
||||
|
||||
const input = page.getByLabel("학습자 발화 입력");
|
||||
await input.fill(learnerText);
|
||||
await page.getByRole("button", { name: "보내기" }).click();
|
||||
|
||||
const streamResponse = await streamResponsePromise;
|
||||
await expectResponseOk(streamResponse);
|
||||
await expect(page.locator(".sx-utt.is-client.is-thinking")).toHaveCount(0, {
|
||||
timeout: 90_000,
|
||||
});
|
||||
await expect(input).toBeEnabled({ timeout: 90_000 });
|
||||
|
||||
const coachResponse = await coachResponsePromise;
|
||||
await expectResponseOk(coachResponse);
|
||||
const coachSuggestion = (await coachResponse.json()) as LiveCoachEvent["suggestion"];
|
||||
await expect(page.locator(".sx-coach-card").getByText(coachSuggestion.title)).toBeVisible({
|
||||
timeout: 30_000,
|
||||
});
|
||||
|
||||
const historyResponse = await page.request.get(`/api/sessions/${sessionId}/live-coach`);
|
||||
await expectResponseOk(historyResponse);
|
||||
const history = (await historyResponse.json()) as LiveCoachHistoryResponse;
|
||||
expect(history.source).toBe("database");
|
||||
expect(
|
||||
history.events.some(
|
||||
(event) =>
|
||||
event.turn_seq === 1 &&
|
||||
event.learner_text_excerpt?.includes("가장 버거운 감정") &&
|
||||
event.suggestion.title === coachSuggestion.title,
|
||||
),
|
||||
).toBe(true);
|
||||
|
||||
await page.goto(`/learn/session/${sessionId}`);
|
||||
await expect(page.locator(".sx-utt.is-learner").filter({ hasText: learnerText })).toBeVisible({
|
||||
timeout: 15_000,
|
||||
});
|
||||
await expect(page.locator(".sx-utt.is-learner .sx-utt__coach-mark")).toBeVisible({
|
||||
timeout: 15_000,
|
||||
});
|
||||
});
|
||||
|
||||
test("persists voice nonverbal metadata into DB-backed review @single-run", async ({ page }) => {
|
||||
test.setTimeout(120_000);
|
||||
|
||||
const healthResponse = await page.request.get("/api/health");
|
||||
await expectResponseOk(healthResponse);
|
||||
const health = (await healthResponse.json()) as HealthResponse;
|
||||
const voiceHealthResponse = await page.request.get("/api/voice/health");
|
||||
await expectResponseOk(voiceHealthResponse);
|
||||
const voiceHealth = (await voiceHealthResponse.json()) as VoiceHealthResponse;
|
||||
test.skip(
|
||||
!health.db || !health.engine || !voiceHealth.available,
|
||||
"voice nonverbal persistence requires DB, engine, and voice service",
|
||||
);
|
||||
|
||||
await signInAsLearner(page);
|
||||
const persona = await fetchAvailablePersona(page, 1);
|
||||
const startedResponse = await page.request.post("/api/sessions", {
|
||||
data: {
|
||||
persona_code: persona.code,
|
||||
theory_mode: "humanistic",
|
||||
},
|
||||
});
|
||||
await expectResponseOk(startedResponse);
|
||||
const started = (await startedResponse.json()) as SessionStartResponse;
|
||||
expect(started.degraded).toBe(false);
|
||||
await page.goto(`/learn/session/${started.session_id}`);
|
||||
|
||||
const learnerText = "요즘 잠을 잘 못 자요.";
|
||||
const probe = await page.evaluate(
|
||||
({ sessionId, text }) =>
|
||||
new Promise<VoiceWsProbe>((resolve) => {
|
||||
const wsUrl = new URL(
|
||||
`/api/voice/ws?session_id=${encodeURIComponent(sessionId)}`,
|
||||
window.location.href,
|
||||
);
|
||||
wsUrl.protocol = wsUrl.protocol === "https:" ? "wss:" : "ws:";
|
||||
const ws = new WebSocket(wsUrl.href);
|
||||
ws.binaryType = "arraybuffer";
|
||||
const events: VoiceWsProbe["events"] = [];
|
||||
let binaryChunks = 0;
|
||||
let sawReply = false;
|
||||
const finish = (code: number) => {
|
||||
window.clearTimeout(timeout);
|
||||
resolve({ code, events, binaryChunks });
|
||||
};
|
||||
const timeout = window.setTimeout(() => {
|
||||
ws.close();
|
||||
finish(-1);
|
||||
}, 60_000);
|
||||
|
||||
ws.onopen = () => {
|
||||
ws.send(JSON.stringify({ type: "audio_start", format: "webm" }));
|
||||
window.setTimeout(() => {
|
||||
ws.send(
|
||||
JSON.stringify({
|
||||
type: "stt_result",
|
||||
text,
|
||||
final: true,
|
||||
silence_ms: 1500,
|
||||
barge_in: true,
|
||||
provider_events: [{ type: "sigh", confidence: 0.82, text: "drop raw" }],
|
||||
}),
|
||||
);
|
||||
}, 150);
|
||||
};
|
||||
ws.onmessage = (event) => {
|
||||
if (typeof event.data === "string") {
|
||||
const parsed = JSON.parse(event.data) as { type?: string; state?: string };
|
||||
events.push(parsed);
|
||||
if (parsed.type === "reply") sawReply = true;
|
||||
if (sawReply && parsed.type === "state" && parsed.state === "idle") {
|
||||
ws.send(JSON.stringify({ type: "close" }));
|
||||
}
|
||||
return;
|
||||
}
|
||||
binaryChunks += 1;
|
||||
};
|
||||
ws.onerror = () => {
|
||||
events.push({ type: "error", detail: "browser websocket error" });
|
||||
};
|
||||
ws.onclose = (event) => finish(event.code);
|
||||
}),
|
||||
{ sessionId: started.session_id, text: learnerText },
|
||||
);
|
||||
|
||||
expect(probe.code, JSON.stringify(probe, null, 2)).toBe(1000);
|
||||
expect(probe.events.some((event) => event.type === "error" || event.type === "degraded")).toBe(
|
||||
false,
|
||||
);
|
||||
expect(probe.events).toEqual(
|
||||
expect.arrayContaining([
|
||||
expect.objectContaining({ type: "eot", ready: true }),
|
||||
expect.objectContaining({ type: "transcript", text: learnerText }),
|
||||
expect.objectContaining({ type: "reply" }),
|
||||
]),
|
||||
);
|
||||
|
||||
const reviewResponse = await page.request.get(`/api/sessions/${started.session_id}/review`);
|
||||
await expectResponseOk(reviewResponse);
|
||||
const review = (await reviewResponse.json()) as SessionReviewResponse;
|
||||
const learnerTurn = review.turns.find(
|
||||
(turn) => turn.speaker === "learner" && turn.text === learnerText,
|
||||
);
|
||||
expect(learnerTurn).toBeTruthy();
|
||||
const nonverbalKinds = learnerTurn?.nonverbal?.map((event) => event.kind) ?? [];
|
||||
expect(nonverbalKinds).toEqual(
|
||||
expect.arrayContaining(["silence", "pace", "barge_in", "paralinguistic"]),
|
||||
);
|
||||
expect(learnerTurn?.nonverbal?.some((event) => event.label === "음성 단서")).toBe(true);
|
||||
expect(learnerTurn?.nonverbal?.map((event) => event.detail).join(" ")).not.toContain(
|
||||
"drop raw",
|
||||
);
|
||||
});
|
||||
|
||||
test("persists browser mic UI nonverbal metadata into DB-backed review @single-run", async ({ page }) => {
|
||||
test.setTimeout(150_000);
|
||||
|
||||
const healthResponse = await page.request.get("/api/health");
|
||||
await expectResponseOk(healthResponse);
|
||||
const health = (await healthResponse.json()) as HealthResponse;
|
||||
const voiceHealthResponse = await page.request.get("/api/voice/health");
|
||||
await expectResponseOk(voiceHealthResponse);
|
||||
const voiceHealth = (await voiceHealthResponse.json()) as VoiceHealthResponse;
|
||||
test.skip(
|
||||
!health.db || !health.engine || !voiceHealth.available,
|
||||
"browser mic UI voice persistence requires DB, engine, and voice service",
|
||||
);
|
||||
|
||||
await signInAsLearner(page);
|
||||
const persona = await fetchAvailablePersona(page, 1);
|
||||
const learnerText = "요즘 잠을 잘 못 자요.";
|
||||
await setupSyntheticVoiceUiProbe(page, learnerText);
|
||||
|
||||
await page.goto(`/learn/session/${persona.code}`);
|
||||
await page.getByRole("button", { name: "회기 시작" }).click();
|
||||
await expect(page.locator(".sx-page.sx-page--active")).toBeVisible({ timeout: 15_000 });
|
||||
await expect(page).toHaveURL(/\/learn\/session\/[0-9a-f-]+$/i);
|
||||
const sessionId = new URL(page.url()).pathname.split("/").at(-1);
|
||||
expect(sessionId).toMatch(/^[0-9a-f-]+$/i);
|
||||
|
||||
const mic = page.locator(".sx-mic");
|
||||
await expect(mic).toBeEnabled();
|
||||
await mic.click();
|
||||
await expect
|
||||
.poll(async () => (await readVoiceUiProbe(page)).getUserMediaCalls, { timeout: 10_000 })
|
||||
.toBeGreaterThan(0);
|
||||
await expect
|
||||
.poll(async () => (await readVoiceUiProbe(page)).workletChunks, { timeout: 10_000 })
|
||||
.toBeGreaterThan(0);
|
||||
await expect
|
||||
.poll(async () => {
|
||||
const probe = await readVoiceUiProbe(page);
|
||||
return probe.messages.some(
|
||||
(message) =>
|
||||
message.direction === "sent" &&
|
||||
message.kind === "text" &&
|
||||
message.data?.includes('"audio_start"') &&
|
||||
message.data?.includes('"format":"pcm"'),
|
||||
);
|
||||
}, { timeout: 10_000 })
|
||||
.toBeTruthy();
|
||||
|
||||
await mic.click();
|
||||
await expect
|
||||
.poll(async () => {
|
||||
const probe = await readVoiceUiProbe(page);
|
||||
return probe.messages.some(
|
||||
(message) => message.direction === "sent" && message.kind === "binary",
|
||||
);
|
||||
}, { timeout: 10_000 })
|
||||
.toBeTruthy();
|
||||
await expect
|
||||
.poll(async () => {
|
||||
const probe = await readVoiceUiProbe(page);
|
||||
return probe.messages.some(
|
||||
(message) =>
|
||||
message.direction === "sent" &&
|
||||
message.kind === "text" &&
|
||||
message.data?.includes('"audio_end"') &&
|
||||
message.data?.includes('"silence_ms":1240') &&
|
||||
message.data?.includes('"browser_audio_worklet"'),
|
||||
);
|
||||
}, { timeout: 10_000 })
|
||||
.toBeTruthy();
|
||||
|
||||
await expect
|
||||
.poll(async () => {
|
||||
const probe = await readVoiceUiProbe(page);
|
||||
const events = probe.messages
|
||||
.filter((message) => message.direction === "received" && message.kind === "text")
|
||||
.map((message) => JSON.parse(message.data ?? "{}") as { type?: string; text?: string });
|
||||
return {
|
||||
transcript: events.some((event) => event.type === "transcript" && event.text === learnerText),
|
||||
reply: events.some((event) => event.type === "reply"),
|
||||
errors: events.filter((event) => event.type === "error" || event.type === "degraded").length,
|
||||
};
|
||||
}, { timeout: 60_000 })
|
||||
.toEqual({ transcript: true, reply: true, errors: 0 });
|
||||
|
||||
const reviewResponse = await page.request.get(`/api/sessions/${sessionId}/review`);
|
||||
await expectResponseOk(reviewResponse);
|
||||
const review = (await reviewResponse.json()) as SessionReviewResponse;
|
||||
const learnerTurn = review.turns.find(
|
||||
(turn) => turn.speaker === "learner" && turn.text === learnerText,
|
||||
);
|
||||
expect(learnerTurn).toBeTruthy();
|
||||
const nonverbal = learnerTurn?.nonverbal ?? [];
|
||||
expect(nonverbal.map((event) => event.kind)).toEqual(expect.arrayContaining(["silence", "pace"]));
|
||||
expect(nonverbal.filter((event) => event.kind === "silence")).toHaveLength(1);
|
||||
expect(nonverbal.some((event) => event.label === "침묵" && event.detail === "1.2초")).toBe(
|
||||
true,
|
||||
);
|
||||
expect(nonverbal.map((event) => event.detail).join(" ")).not.toContain("browser_audio_worklet");
|
||||
});
|
||||
|
||||
test("persists learner turns into DB-backed review and teacher dashboard @single-run", async ({ page }) => {
|
||||
test.setTimeout(120_000);
|
||||
|
||||
await signInAsLearner(page);
|
||||
const { sessionId, expectedMinTurns } = await createSessionWithTurn(page);
|
||||
|
||||
|
|
@ -92,4 +826,177 @@ test.describe("session persistence", () => {
|
|||
),
|
||||
).toBe(true);
|
||||
});
|
||||
|
||||
test("persists learner case worksheet and teacher worksheet review through DB @single-run", async ({
|
||||
page,
|
||||
}) => {
|
||||
test.setTimeout(150_000);
|
||||
|
||||
const healthResponse = await page.request.get("/api/health");
|
||||
await expectResponseOk(healthResponse);
|
||||
const health = (await healthResponse.json()) as HealthResponse;
|
||||
test.skip(!health.db || !health.engine, "case worksheet E2E requires DB and engine-backed turn");
|
||||
|
||||
await signInAsLearner(page);
|
||||
const { sessionId, expectedMinTurns } = await createSessionWithTurn(page);
|
||||
expect(
|
||||
expectedMinTurns,
|
||||
"case worksheet E2E requires a persisted learner/client transcript",
|
||||
).toBeGreaterThanOrEqual(2);
|
||||
|
||||
await page.goto(`/learn/session/${sessionId}/review`);
|
||||
const worksheetCard = page.locator(".sr-card--worksheet");
|
||||
await expect(worksheetCard).toBeVisible({ timeout: 20_000 });
|
||||
await expect(worksheetCard).toContainText("축어록 기반 자동 초안");
|
||||
const worksheetInputs = worksheetCard.locator(".sr-ws-input");
|
||||
await expect(worksheetInputs.first()).toBeVisible();
|
||||
|
||||
const savedWorksheetValue = `E2E 저장 사례개념화 ${Date.now()}`;
|
||||
await worksheetInputs.first().fill(savedWorksheetValue);
|
||||
await worksheetCard.getByRole("button", { name: "저장" }).click();
|
||||
await expect(worksheetCard).toContainText("저장된 학습자 제출본", { timeout: 15_000 });
|
||||
|
||||
const learnerReviewResponse = await page.request.get(`/api/sessions/${sessionId}/review`);
|
||||
await expectResponseOk(learnerReviewResponse);
|
||||
const learnerReview = (await learnerReviewResponse.json()) as SessionReviewResponse;
|
||||
expect(learnerReview.caseWorksheet?.status).toBe("saved_by_learner");
|
||||
const learnerWorksheetValues = (learnerReview.caseWorksheet?.sections ?? []).flatMap((section) =>
|
||||
(section.items ?? []).map((item) => item.value ?? ""),
|
||||
);
|
||||
expect(learnerWorksheetValues).toContain(savedWorksheetValue);
|
||||
|
||||
await signInAsTeacher(page);
|
||||
await page.goto(`/teach/session/${sessionId}/review`);
|
||||
await expect(worksheetCard).toBeVisible({ timeout: 20_000 });
|
||||
await expect(worksheetCard).toContainText("학습자 저장본 읽기 전용");
|
||||
await expect(worksheetCard.locator(".sr-ws-input").first()).toHaveValue(savedWorksheetValue);
|
||||
|
||||
const teacherWorksheetNote = `보호요인 보강 요청 ${Date.now()}`;
|
||||
await page.getByLabel("워크시트 검수 메모").fill(teacherWorksheetNote);
|
||||
await page.getByRole("button", { name: "수정요청" }).click();
|
||||
await expect(page.locator(".sr-teacher-review__worksheet")).toContainText("수정요청", {
|
||||
timeout: 15_000,
|
||||
});
|
||||
await expect(page.locator(".sr-teacher-review__worksheet")).toContainText("워크시트 검수 시각");
|
||||
|
||||
const teacherReviewResponse = await page.request.get(`/api/sessions/${sessionId}/review`);
|
||||
await expectResponseOk(teacherReviewResponse);
|
||||
const teacherReview = (await teacherReviewResponse.json()) as SessionReviewResponse;
|
||||
expect(teacherReview.caseWorksheet?.status).toBe("saved_by_learner");
|
||||
expect(teacherReview.teacherReview?.worksheetStatus).toBe("changes_requested");
|
||||
expect(teacherReview.teacherReview?.worksheetNote).toBe(teacherWorksheetNote);
|
||||
const teacherWorksheetValues = (teacherReview.caseWorksheet?.sections ?? []).flatMap((section) =>
|
||||
(section.items ?? []).map((item) => item.value ?? ""),
|
||||
);
|
||||
expect(teacherWorksheetValues).toContain(savedWorksheetValue);
|
||||
});
|
||||
|
||||
test("persists Phase 3 pre/post pilot scores through the DB-backed review UI @single-run", async ({
|
||||
page,
|
||||
}) => {
|
||||
test.setTimeout(90_000);
|
||||
|
||||
const healthResponse = await page.request.get("/api/health");
|
||||
await expectResponseOk(healthResponse);
|
||||
const health = (await healthResponse.json()) as HealthResponse;
|
||||
test.skip(!health.db, "pre/post pilot score persistence requires DB");
|
||||
|
||||
await signInAsLearner(page);
|
||||
const sessionId = await createEndedSessionWithoutTurn(page);
|
||||
|
||||
await page.goto(`/learn/session/${sessionId}/review`);
|
||||
await expect(page.locator(".sr-card--prepost")).toBeVisible({ timeout: 15_000 });
|
||||
await expect(page.locator(".sr-prepost__actions")).toContainText("저장된 값 기준");
|
||||
|
||||
const inputs = page.locator(".sr-card--prepost input");
|
||||
await expect(inputs).toHaveCount(6);
|
||||
const current = await inputs.evaluateAll((nodes) =>
|
||||
nodes.map((node) => (node as HTMLInputElement).value),
|
||||
);
|
||||
const primaryValues = ["4.9", "4.7", "3.9", "4.1", "2.9", "3.8"];
|
||||
const alternateValues = ["4.8", "4.6", "3.8", "4.2", "2.8", "3.7"];
|
||||
const targetValues =
|
||||
current.join("|") === primaryValues.join("|") ? alternateValues : primaryValues;
|
||||
|
||||
for (let index = 0; index < targetValues.length; index += 1) {
|
||||
await inputs.nth(index).fill(targetValues[index]);
|
||||
}
|
||||
await expect(page.locator(".sr-prepost__actions")).toContainText("6개 변경");
|
||||
await page.getByRole("button", { name: "점수 저장" }).click();
|
||||
await expect(page.getByText("3/3 쌍")).toBeVisible({ timeout: 15_000 });
|
||||
await expect(page.locator(".sr-prepost__actions")).toContainText("저장된 값 기준");
|
||||
await expect(
|
||||
page.getByText("효과 판정과 통계 검정은 평가설계 확정 후 별도 산출합니다."),
|
||||
).toBeVisible();
|
||||
|
||||
const prepostResponse = await page.request.get(
|
||||
"/api/users/me/prepost-measures?pilot_id=phase3-pilot-draft",
|
||||
);
|
||||
await expectResponseOk(prepostResponse);
|
||||
const prepost = (await prepostResponse.json()) as PrepostMeasuresResponse;
|
||||
expect(prepost.source).toBe("database");
|
||||
expect(prepost.durable).toBe(true);
|
||||
expect(prepost.complete_measure_pairs).toBe(3);
|
||||
const byKey = new Map(
|
||||
prepost.measures.map((measure) => [
|
||||
`${measure.measure_name}:${measure.timepoint}`,
|
||||
measure.raw_score,
|
||||
]),
|
||||
);
|
||||
expect(byKey.get("self_efficacy:pre")).toBe(Number(targetValues[0]));
|
||||
expect(byKey.get("self_efficacy:post")).toBe(Number(targetValues[1]));
|
||||
expect(byKey.get("skill_proficiency:pre")).toBe(Number(targetValues[2]));
|
||||
expect(byKey.get("skill_proficiency:post")).toBe(Number(targetValues[3]));
|
||||
expect(byKey.get("training_satisfaction:pre")).toBe(Number(targetValues[4]));
|
||||
expect(byKey.get("training_satisfaction:post")).toBe(Number(targetValues[5]));
|
||||
|
||||
await page.reload();
|
||||
await expect(page.locator(".sr-card--prepost")).toBeVisible({ timeout: 15_000 });
|
||||
await expect(page.getByText("3/3 쌍")).toBeVisible();
|
||||
for (let index = 0; index < targetValues.length; index += 1) {
|
||||
await expect(inputs.nth(index)).toHaveValue(targetValues[index]);
|
||||
}
|
||||
});
|
||||
|
||||
test("finishes session end evaluation into a durable DB-backed teacher review @single-run", async ({
|
||||
page,
|
||||
}) => {
|
||||
test.setTimeout(240_000);
|
||||
|
||||
const healthResponse = await page.request.get("/api/health");
|
||||
await expectResponseOk(healthResponse);
|
||||
const health = (await healthResponse.json()) as HealthResponse;
|
||||
test.skip(!health.db || !health.engine, "session end evaluation requires DB and engine");
|
||||
|
||||
await signInAsLearner(page);
|
||||
const { sessionId, expectedMinTurns } = await createSessionWithTurn(page);
|
||||
expect(
|
||||
expectedMinTurns,
|
||||
"session end evaluation smoke requires a completed learner/client turn",
|
||||
).toBeGreaterThanOrEqual(2);
|
||||
|
||||
await signInAsTeacher(page);
|
||||
await expect
|
||||
.poll(async () => evaluationState(page, sessionId), {
|
||||
timeout: 180_000,
|
||||
intervals: [1_000, 2_000, 5_000, 10_000],
|
||||
message: "session end background evaluation should create a durable ready row",
|
||||
})
|
||||
.toMatch(/^ready:[1-9]\d*$/);
|
||||
|
||||
const reviewResponse = await page.request.get(`/api/sessions/${sessionId}/review`);
|
||||
await expectResponseOk(reviewResponse);
|
||||
const review = (await reviewResponse.json()) as SessionReviewResponse;
|
||||
expect(review.reviewReady).toBe(true);
|
||||
expect(review.degraded).toBe(false);
|
||||
expect(review.supervisorState).toBe("평가 완료");
|
||||
expect(review.summary ?? "").toContain("평가 AI");
|
||||
|
||||
await page.goto(`/teach/session/${sessionId}/review`);
|
||||
await expect(page.locator(".sr-head__stats")).toContainText("평가 완료", {
|
||||
timeout: 15_000,
|
||||
});
|
||||
await expect(page.locator('[aria-label="리뷰 생성 상태"]')).toContainText("준비됨");
|
||||
await expect(page.getByRole("button", { name: "AI 평가 재시도" })).toHaveCount(0);
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,10 +1,15 @@
|
|||
import { expect, test, type Page, type Response } from "@playwright/test";
|
||||
import {
|
||||
FILLED_REVIEW_SESSION_ID,
|
||||
filledReviewResponse,
|
||||
routeFilledSessionReview,
|
||||
routePrepostMeasures,
|
||||
} from "./session-review-fixture";
|
||||
import { expectNoHorizontalOverflow, fetchAvailablePersona, signInAsLearner } from "./support";
|
||||
import {
|
||||
expectNoHorizontalOverflow,
|
||||
fetchAvailablePersona,
|
||||
signInAsLearner,
|
||||
} from "./support";
|
||||
|
||||
interface SessionStartResponse {
|
||||
session_id: string;
|
||||
|
|
@ -16,6 +21,31 @@ async function expectResponseOk(response: { ok: () => boolean; text: () => Promi
|
|||
}
|
||||
}
|
||||
|
||||
async function routeSupervisorCapableLearner(page: Page) {
|
||||
await page.route("**/api/auth/me", async (route) => {
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({
|
||||
user_id: "00000000-0000-0000-0000-000000000303",
|
||||
email: "yunchan@twentyoz.kr",
|
||||
role: "learner",
|
||||
display_name: "Yun Chan",
|
||||
admin_access: true,
|
||||
super_admin: true,
|
||||
account_status: "approved",
|
||||
approval_required: false,
|
||||
cohort_ids: [],
|
||||
consent_at: 1782820000,
|
||||
onboarding_completed_at: 1782820001,
|
||||
nickname: "Yun Chan",
|
||||
self_introduction: "",
|
||||
avatar_url: "",
|
||||
}),
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function isReviewResponse(sessionId: string) {
|
||||
return (response: Response) => {
|
||||
const url = new URL(response.url());
|
||||
|
|
@ -102,6 +132,243 @@ async function expectReviewRegionsReachable(page: Page) {
|
|||
}
|
||||
|
||||
test.describe("session review", () => {
|
||||
test("redirects supervisor-capable users from learner 403 into the teacher review route", async ({
|
||||
page,
|
||||
}) => {
|
||||
await routeSupervisorCapableLearner(page);
|
||||
await routePrepostMeasures(page);
|
||||
|
||||
const sessionId = "supervisor-redirect-review";
|
||||
let reviewAttempts = 0;
|
||||
await page.route(`**/api/sessions/${sessionId}/review`, async (route) => {
|
||||
reviewAttempts += 1;
|
||||
const referer = route.request().headers().referer ?? page.url();
|
||||
if (!referer.includes(`/teach/session/${sessionId}/review`)) {
|
||||
await route.fulfill({
|
||||
status: 403,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({ detail: "session does not belong to user" }),
|
||||
});
|
||||
return;
|
||||
}
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify(filledReviewResponse(sessionId)),
|
||||
});
|
||||
});
|
||||
|
||||
await page.goto(`/learn/session/${sessionId}/review`);
|
||||
|
||||
await expect(page).toHaveURL(new RegExp(`/teach/session/${sessionId}/review$`));
|
||||
await expect(page.getByText("교수자 검토", { exact: true })).toBeVisible();
|
||||
expect(reviewAttempts).toBeGreaterThanOrEqual(2);
|
||||
});
|
||||
|
||||
test("normalizes a successful supervisor review response away from the learner route", async ({
|
||||
page,
|
||||
}) => {
|
||||
await routeSupervisorCapableLearner(page);
|
||||
|
||||
const sessionId = "supervisor-success-review";
|
||||
let reviewAttempts = 0;
|
||||
await page.route(`**/api/sessions/${sessionId}/review`, async (route) => {
|
||||
reviewAttempts += 1;
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({
|
||||
...filledReviewResponse(sessionId),
|
||||
teacherReview: {
|
||||
status: "pending",
|
||||
note: "",
|
||||
reviewedAt: null,
|
||||
reviewerId: null,
|
||||
updatedAt: null,
|
||||
worksheetStatus: "pending",
|
||||
worksheetNote: "",
|
||||
worksheetReviewedAt: null,
|
||||
},
|
||||
}),
|
||||
});
|
||||
});
|
||||
|
||||
await page.goto(`/learn/session/${sessionId}/review`);
|
||||
|
||||
await expect(page).toHaveURL(new RegExp(`/teach/session/${sessionId}/review$`));
|
||||
await expect(page.getByText("교수자 검토", { exact: true })).toBeVisible();
|
||||
await expect(page.locator(".sr-card--prepost")).toHaveCount(0);
|
||||
expect(reviewAttempts).toBeGreaterThanOrEqual(2);
|
||||
});
|
||||
|
||||
test("refreshes an ended review from evaluation pending to ready", async ({ page }) => {
|
||||
await routeSupervisorCapableLearner(page);
|
||||
await routePrepostMeasures(page);
|
||||
|
||||
const sessionId = "review-pending-then-ready";
|
||||
let reviewAttempts = 0;
|
||||
let firstResponseWasPending = false;
|
||||
await page.route(`**/api/sessions/${sessionId}/review`, async (route) => {
|
||||
reviewAttempts += 1;
|
||||
const ready = {
|
||||
...filledReviewResponse(sessionId),
|
||||
summary: "평가 AI가 저장된 축어록을 분석했습니다.",
|
||||
};
|
||||
const pending = {
|
||||
...ready,
|
||||
supervisorState: "평가 대기",
|
||||
summary: "평가 AI가 저장된 축어록을 분석 중입니다.",
|
||||
rubric: [],
|
||||
goodMoments: [],
|
||||
growthPoints: [],
|
||||
degraded: true,
|
||||
reviewReady: false,
|
||||
};
|
||||
if (reviewAttempts === 1) firstResponseWasPending = true;
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify(reviewAttempts === 1 ? pending : ready),
|
||||
});
|
||||
});
|
||||
|
||||
await page.goto(`/learn/session/${sessionId}/review`);
|
||||
|
||||
await expect(page.getByText("평가 AI가 저장된 축어록을 분석했습니다.")).toBeVisible({
|
||||
timeout: 5000,
|
||||
});
|
||||
await expect(page.getByText("평가 완료")).toBeVisible();
|
||||
expect(firstResponseWasPending).toBe(true);
|
||||
expect(reviewAttempts).toBeGreaterThanOrEqual(2);
|
||||
});
|
||||
|
||||
test("lets supervisor retry a failed AI session evaluation", async ({ page }) => {
|
||||
await routeSupervisorCapableLearner(page);
|
||||
await routePrepostMeasures(page);
|
||||
|
||||
const sessionId = "review-failed-retry";
|
||||
let reevaluateRequests = 0;
|
||||
let retrySucceeded = false;
|
||||
await page.route(`**/api/sessions/${sessionId}/review`, async (route) => {
|
||||
const ready = filledReviewResponse(sessionId);
|
||||
const failed = {
|
||||
...ready,
|
||||
supervisorState: "평가 실패",
|
||||
summary:
|
||||
"저장된 축어록은 확인했지만 평가 AI 산출물이 아직 준비되지 않았습니다. 사유: engine_error: evaluator timeout",
|
||||
rubric: [],
|
||||
goodMoments: [],
|
||||
growthPoints: [],
|
||||
degraded: true,
|
||||
reviewReady: false,
|
||||
teacherReview: {
|
||||
status: "pending",
|
||||
note: "",
|
||||
reviewedAt: null,
|
||||
reviewerId: null,
|
||||
updatedAt: null,
|
||||
worksheetStatus: "pending",
|
||||
worksheetNote: "",
|
||||
worksheetReviewedAt: null,
|
||||
},
|
||||
};
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify(retrySucceeded ? ready : failed),
|
||||
});
|
||||
});
|
||||
await page.route(`**/api/eval/sessions/${sessionId}/reevaluate`, async (route) => {
|
||||
reevaluateRequests += 1;
|
||||
retrySucceeded = true;
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({
|
||||
loop: "deep",
|
||||
session_id: sessionId,
|
||||
stage: "정리",
|
||||
scope: "session_end",
|
||||
turns_evaluated: 2,
|
||||
distribution: {},
|
||||
theory_mode: "humanistic",
|
||||
strengths: [],
|
||||
improvements: [],
|
||||
intent_deviations: [],
|
||||
error: null,
|
||||
}),
|
||||
});
|
||||
});
|
||||
|
||||
await page.goto(`/teach/session/${sessionId}/review`);
|
||||
await expect(page.getByText("평가 실패")).toBeVisible();
|
||||
await expect(page.getByRole("button", { name: "AI 평가 재시도" })).toBeVisible();
|
||||
|
||||
await page.getByRole("button", { name: "AI 평가 재시도" }).click();
|
||||
|
||||
await expect(page.getByText("평가 완료")).toBeVisible();
|
||||
await expect(page.getByText("평가 실패")).toHaveCount(0);
|
||||
expect(reevaluateRequests).toBe(1);
|
||||
});
|
||||
|
||||
test("keeps the failed review visible when AI evaluation retry fails", async ({ page }) => {
|
||||
await routeSupervisorCapableLearner(page);
|
||||
await routePrepostMeasures(page);
|
||||
|
||||
const sessionId = "review-failed-retry-error";
|
||||
let reviewRequests = 0;
|
||||
let reevaluateRequests = 0;
|
||||
await page.route(`**/api/sessions/${sessionId}/review`, async (route) => {
|
||||
reviewRequests += 1;
|
||||
const ready = filledReviewResponse(sessionId);
|
||||
await route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({
|
||||
...ready,
|
||||
supervisorState: "평가 실패",
|
||||
summary:
|
||||
"저장된 축어록은 확인했지만 평가 AI 산출물이 아직 준비되지 않았습니다. 사유: session evaluation timeout after 45s",
|
||||
rubric: [],
|
||||
goodMoments: [],
|
||||
growthPoints: [],
|
||||
degraded: true,
|
||||
reviewReady: false,
|
||||
teacherReview: {
|
||||
status: "pending",
|
||||
note: "",
|
||||
reviewedAt: null,
|
||||
reviewerId: null,
|
||||
updatedAt: null,
|
||||
worksheetStatus: "pending",
|
||||
worksheetNote: "",
|
||||
worksheetReviewedAt: null,
|
||||
},
|
||||
}),
|
||||
});
|
||||
});
|
||||
await page.route(`**/api/eval/sessions/${sessionId}/reevaluate`, async (route) => {
|
||||
reevaluateRequests += 1;
|
||||
await route.fulfill({
|
||||
status: 503,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({ detail: "engine_error: retry timeout" }),
|
||||
});
|
||||
});
|
||||
|
||||
await page.goto(`/teach/session/${sessionId}/review`);
|
||||
await expect(page.getByText("평가 실패")).toBeVisible();
|
||||
const reviewRequestsBeforeRetry = reviewRequests;
|
||||
|
||||
await page.getByRole("button", { name: "AI 평가 재시도" }).click();
|
||||
|
||||
await expect(page.getByText("engine_error: retry timeout")).toBeVisible();
|
||||
await expect(page.getByText("평가 실패")).toBeVisible();
|
||||
await expect(page.getByRole("button", { name: "AI 평가 재시도" })).toBeEnabled();
|
||||
expect(reevaluateRequests).toBe(1);
|
||||
expect(reviewRequests).toBe(reviewRequestsBeforeRetry);
|
||||
});
|
||||
|
||||
test("renders server review data without legacy transcript fixtures", async ({ page }) => {
|
||||
await signInAsLearner(page);
|
||||
await routePrepostMeasures(page);
|
||||
|
|
|
|||
|
|
@ -518,6 +518,141 @@ test.describe("teacher console", () => {
|
|||
await expectNoHorizontalOverflow(page);
|
||||
});
|
||||
|
||||
test("shows selected learner analysis with the full session timeline @single-run", async ({
|
||||
page,
|
||||
}) => {
|
||||
const learnerA = "teacher-analysis-learner-a";
|
||||
const learnerB = "teacher-analysis-learner-b";
|
||||
const sessionFor = (learnerId: string, label: string, index: number) => ({
|
||||
session_id: `${learnerId}-session-${index}`,
|
||||
learner_id: learnerId,
|
||||
learner_label: label,
|
||||
persona_code: index % 2 === 0 ? "P2" : "P1",
|
||||
persona_name: index % 2 === 0 ? "민재" : "서연",
|
||||
session_no: index,
|
||||
status: "ended",
|
||||
stage: index > 4 ? "개입" : "탐색",
|
||||
turn_count: 8 + index,
|
||||
learner_turn_count: 4 + index,
|
||||
client_turn_count: 4,
|
||||
started_at: `2026-06-${String(10 + index).padStart(2, "0")}T09:00:00Z`,
|
||||
ended_at: `2026-06-${String(10 + index).padStart(2, "0")}T09:30:00Z`,
|
||||
review_status: index === 2 ? "closed" : "pending",
|
||||
review_note: null,
|
||||
reviewed_at: index === 2 ? "2026-06-12T10:00:00Z" : null,
|
||||
});
|
||||
const pointFor = (learnerId: string, index: number) => ({
|
||||
session_id: `${learnerId}-session-${index}`,
|
||||
session_no: index,
|
||||
persona_code: index % 2 === 0 ? "P2" : "P1",
|
||||
stage: index > 4 ? "개입" : "탐색",
|
||||
started_at: `2026-06-${String(10 + index).padStart(2, "0")}T09:00:00Z`,
|
||||
ended_at: `2026-06-${String(10 + index).padStart(2, "0")}T09:30:00Z`,
|
||||
score: index >= 5 ? 1 : 0.5,
|
||||
rapport: Math.min(0.8, index * 0.1),
|
||||
technique_count: index + 1,
|
||||
watch_count: index < 5 ? 1 : 0,
|
||||
});
|
||||
const analysisFor = (learnerId: string, label: string, count: number) => {
|
||||
const sessions = Array.from({ length: count }, (_unused, idx) =>
|
||||
sessionFor(learnerId, label, idx + 1),
|
||||
);
|
||||
const points = Array.from({ length: count }, (_unused, idx) =>
|
||||
pointFor(learnerId, idx + 1),
|
||||
);
|
||||
return {
|
||||
source: "database",
|
||||
learner_id: learnerId,
|
||||
learner_label: label,
|
||||
total_sessions: count,
|
||||
active_sessions: 0,
|
||||
ended_sessions: count,
|
||||
pending_reviews: Math.max(0, count - 1),
|
||||
closed_reviews: count > 1 ? 1 : 0,
|
||||
summary: {
|
||||
learner_id: learnerId,
|
||||
learner_label: label,
|
||||
sessions: count,
|
||||
ended_sessions: count,
|
||||
latest_at: sessions[count - 1].ended_at ?? "",
|
||||
first_score: points[0].score,
|
||||
latest_score: points[count - 1].score,
|
||||
score_delta: (points[count - 1].score ?? 0) - (points[0].score ?? 0),
|
||||
avg_score: 0.75,
|
||||
avg_rapport: 0.4,
|
||||
trend: count > 3 ? "up" : "flat",
|
||||
top_techniques: ["reflection", "open question"],
|
||||
points,
|
||||
},
|
||||
points,
|
||||
stage_breakdown: [
|
||||
{ stage: "라포", sessions: 0, turns: 0 },
|
||||
{ stage: "탐색", sessions: Math.min(4, count), turns: 34 },
|
||||
{ stage: "개입", sessions: Math.max(0, count - 4), turns: 42 },
|
||||
{ stage: "정리", sessions: 0, turns: 0 },
|
||||
],
|
||||
sessions,
|
||||
message: `${label} 전체 회기 ${count}건`,
|
||||
};
|
||||
};
|
||||
const analysisA = analysisFor(learnerA, "사용자 A", 7);
|
||||
const analysisB = analysisFor(learnerB, "사용자 B", 2);
|
||||
|
||||
await page.route("**/api/teacher/dashboard", (route) =>
|
||||
route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify({
|
||||
source: "database",
|
||||
cohort_label: "E2E cohort",
|
||||
total_learners: 2,
|
||||
active_sessions: 0,
|
||||
ended_sessions: 9,
|
||||
learner_growth: [
|
||||
{ ...analysisA.summary, points: analysisA.points.slice(-6) },
|
||||
{ ...analysisB.summary, points: analysisB.points },
|
||||
],
|
||||
safety_alerts: [],
|
||||
pending_reviews: [],
|
||||
recent_sessions: analysisA.sessions.slice(-2),
|
||||
message: "사용자별 분석 fixture.",
|
||||
}),
|
||||
}),
|
||||
);
|
||||
await page.route("**/api/teacher/learners/*/analysis", (route) => {
|
||||
const path = new URL(route.request().url()).pathname;
|
||||
const body = path.includes(learnerB) ? analysisB : analysisA;
|
||||
return route.fulfill({
|
||||
status: 200,
|
||||
contentType: "application/json",
|
||||
body: JSON.stringify(body),
|
||||
});
|
||||
});
|
||||
await page.route("**/api/personas/review", (route) =>
|
||||
route.fulfill({ status: 200, contentType: "application/json", body: "[]" }),
|
||||
);
|
||||
|
||||
await signInAsTeacher(page);
|
||||
await page.goto("/teach");
|
||||
|
||||
await expect(page.getByRole("link", { name: "학생 분석" })).toBeVisible();
|
||||
await expect(page.locator('[data-learner-analysis-panel="true"]')).toHaveCount(0);
|
||||
await page.getByRole("link", { name: "학생 분석" }).click();
|
||||
await expect(page).toHaveURL(/\/teach\/analysis$/);
|
||||
|
||||
const analysisPanel = page.locator('[data-learner-analysis-panel="true"]');
|
||||
await expect(analysisPanel).toBeVisible();
|
||||
await expect(analysisPanel.locator('[data-learner-session-row="true"]')).toHaveCount(7);
|
||||
await expect(analysisPanel.getByText(`${learnerA}-session-7`)).toBeVisible();
|
||||
await expect(page.getByText("전체 회기 7건")).toBeVisible();
|
||||
|
||||
await page.getByRole("button", { name: "사용자 B 사용자별 분석" }).click();
|
||||
await expect(analysisPanel.locator('[data-learner-session-row="true"]')).toHaveCount(2);
|
||||
await expect(analysisPanel.getByText(`${learnerB}-session-2`)).toBeVisible();
|
||||
await expect(analysisPanel.getByText(`${learnerA}-session-7`)).toHaveCount(0);
|
||||
await expectNoHorizontalOverflow(page);
|
||||
});
|
||||
|
||||
test("opens a pending session review from the teacher queue @single-run", async ({ page }) => {
|
||||
const sessionId = "teacher-review-fixture-session";
|
||||
await page.route("**/api/teacher/dashboard", (route) =>
|
||||
|
|
|
|||
|
|
@ -587,7 +587,20 @@ async function installSyntheticVoiceCapture(
|
|||
if (this.closed) return;
|
||||
probe.workletChunks += 1;
|
||||
const pcm = new Int16Array([0, 1024, -1024, 0]);
|
||||
this.onmessage?.({ data: { type: "chunk", pcm: pcm.buffer } } as MessageEvent);
|
||||
this.onmessage?.({
|
||||
data: {
|
||||
type: "chunk",
|
||||
pcm: pcm.buffer,
|
||||
metrics: {
|
||||
durationMs: 1600,
|
||||
voiceMs: 350,
|
||||
silenceMs: 1250,
|
||||
trailingSilenceMs: 1250,
|
||||
rms: 0.08,
|
||||
peak: 0.64,
|
||||
},
|
||||
},
|
||||
} as MessageEvent);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1001,6 +1014,40 @@ test.describe("voice cascade success path", () => {
|
|||
);
|
||||
}, { timeout: 10_000 })
|
||||
.toBeTruthy();
|
||||
const sentAudioEndControls = (await readVoiceUiProbe(page)).messages
|
||||
.filter(
|
||||
(message) =>
|
||||
message.direction === "sent" &&
|
||||
message.kind === "text" &&
|
||||
message.data?.includes('"audio_end"'),
|
||||
)
|
||||
.map((message) => JSON.parse(message.data ?? "{}") as Record<string, unknown>);
|
||||
expect(
|
||||
sentAudioEndControls.some((control) => {
|
||||
const events = Array.isArray(control.provider_events) ? control.provider_events : [];
|
||||
return (
|
||||
control.format === "pcm" &&
|
||||
control.silence_ms === 1250 &&
|
||||
control.barge_in === false &&
|
||||
events.some((event) => {
|
||||
const record = event as Record<string, unknown>;
|
||||
return (
|
||||
record.type === "voice_activity" &&
|
||||
record.source === "browser_audio_worklet" &&
|
||||
record.duration_ms === 350
|
||||
);
|
||||
}) &&
|
||||
events.some((event) => {
|
||||
const record = event as Record<string, unknown>;
|
||||
return (
|
||||
record.type === "silence" &&
|
||||
record.source === "browser_audio_worklet" &&
|
||||
record.duration_ms === 1250
|
||||
);
|
||||
})
|
||||
);
|
||||
}),
|
||||
).toBeTruthy();
|
||||
|
||||
await expect
|
||||
.poll(async () => {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue