mirror of
https://github.com/multica-ai/multica.git
synced 2026-07-26 20:45:37 +02:00
a61a8ecfed
Flow drops from five steps to three: role + use_case merge into a single About-you screen (one Skip covers both; Continue stamps skip markers on whichever group was left unanswered), and the source question leaves onboarding entirely. Source is now collected only by the workspace source-backfill prompt, which additionally waits until agents/squads have completed at least SOURCE_BACKFILL_MIN_AGENT_DONE_ISSUES (3) issues in the workspace — attribution is asked after Multica has visibly delivered value, not before. The count rides a limit:1 issues query keyed under issueKeys.all so realtime invalidations keep it fresh, enabled only for users who still owe an answer. Server: questionnaire complete() narrows to role + use_case so the funnel step doesn't stall on the now-deferred source; a new metrics-only onboarding_source_submitted event (+ Prometheus counter) tracks the backfill prompt's answer/decline transition once per user. Co-authored-by: Lambda <lambda@multica.ai> Co-authored-by: multica-agent <github@multica.ai>
94 lines
4.3 KiB
TypeScript
94 lines
4.3 KiB
TypeScript
import { test, expect } from "@playwright/test";
|
|
import { TestApiClient } from "./fixtures";
|
|
import { waitForPageText } from "./helpers";
|
|
|
|
// Smoke test for the onboarding flow: welcome → About you (role +
|
|
// use case on ONE screen) → workspace → runtime. The source question
|
|
// is intentionally absent — it moved to the workspace source-backfill
|
|
// prompt (MUL-5159). Captures screenshots for review. Uses a unique
|
|
// email per run so the user is always a fresh, un-onboarded user
|
|
// landing on /onboarding.
|
|
|
|
const EMAIL = `onboarding-v3-${Date.now()}@localhost`;
|
|
const SHOTS_DIR = "/tmp/onboarding-v3-shots";
|
|
|
|
test.use({ viewport: { width: 1440, height: 900 } });
|
|
|
|
test("onboarding — welcome → about you (answer path)", async ({ page }) => {
|
|
const api = new TestApiClient();
|
|
await api.login(EMAIL, "OBv3 Tester");
|
|
const token = api.getToken();
|
|
|
|
await page.addInitScript((t) => {
|
|
localStorage.setItem("multica_token", t);
|
|
}, token);
|
|
await page.goto("/onboarding", { waitUntil: "domcontentloaded" });
|
|
await waitForPageText(page, "Continue on web");
|
|
|
|
// 1. Welcome screen
|
|
await expect(page.getByRole("button", { name: "Continue on web" })).toBeVisible({ timeout: 15000 });
|
|
await page.screenshot({ path: `${SHOTS_DIR}/01-welcome.png`, fullPage: false });
|
|
|
|
// Click Continue on web to advance to About you
|
|
await page.getByRole("button", { name: "Continue on web" }).click();
|
|
|
|
// 2. About you step — both questions live on this one screen and the
|
|
// source question must NOT exist anywhere in the flow.
|
|
await expect(page.getByText("Tell us a bit about you.")).toBeVisible({ timeout: 10000 });
|
|
await expect(page.getByText("Which best describes you?")).toBeVisible();
|
|
await expect(page.getByText("What do you want to use Multica for?")).toBeVisible();
|
|
await expect(page.getByText(/Step 1 of 3/)).toBeVisible();
|
|
await expect(page.getByText("How did you hear about Multica?")).toHaveCount(0);
|
|
await page.waitForTimeout(500);
|
|
await page.screenshot({ path: `${SHOTS_DIR}/02-about-you.png` });
|
|
|
|
// Answer both groups, then Continue → workspace step.
|
|
await page.getByRole("radio", { name: /Engineer \/ developer/i }).click();
|
|
await page.getByRole("checkbox", { name: /Ship code with AI agents/i }).click();
|
|
await page.getByRole("button", { name: "Continue" }).click();
|
|
|
|
// 3. Workspace step
|
|
await expect(page.getByRole("heading", { name: /Name your workspace/i })).toBeVisible({ timeout: 10000 });
|
|
await expect(page.getByText(/Step 2 of 3/)).toBeVisible();
|
|
await page.screenshot({ path: `${SHOTS_DIR}/03-workspace.png` });
|
|
});
|
|
|
|
test("onboarding — one skip clears the whole questionnaire step", async ({ page }) => {
|
|
const api = new TestApiClient();
|
|
await api.login(`skip-${Date.now()}@localhost`, "Skipper");
|
|
const token = api.getToken();
|
|
|
|
await page.addInitScript((t) => localStorage.setItem("multica_token", t), token);
|
|
await page.goto("/onboarding", { waitUntil: "domcontentloaded" });
|
|
await waitForPageText(page, "Continue on web");
|
|
|
|
await page.getByRole("button", { name: "Continue on web" }).click();
|
|
await expect(page.getByText("Tell us a bit about you.")).toBeVisible({ timeout: 10000 });
|
|
|
|
// A single Skip covers role + use case — next stop is workspace.
|
|
await page.getByRole("button", { name: "Skip" }).click();
|
|
await expect(page.getByRole("heading", { name: /Name your workspace/i })).toBeVisible({ timeout: 10000 });
|
|
await page.screenshot({ path: `${SHOTS_DIR}/04-after-skip.png` });
|
|
});
|
|
|
|
test("onboarding — zh-Hans renders Chinese labels", async ({ page, context }) => {
|
|
await context.addCookies([
|
|
{ name: "multica-locale", value: "zh-Hans", url: "http://localhost:13442" },
|
|
]);
|
|
const api = new TestApiClient();
|
|
await api.login(`zh-${Date.now()}@localhost`, "中文用户");
|
|
const token = api.getToken();
|
|
|
|
await page.addInitScript((t) => localStorage.setItem("multica_token", t), token);
|
|
await page.goto("/onboarding", { waitUntil: "domcontentloaded" });
|
|
await waitForPageText(page, "在 web 端继续");
|
|
|
|
await page.getByRole("button").first().click().catch(() => {});
|
|
|
|
// About-you screen — Chinese headline + both sub-questions.
|
|
await expect(page.getByText("简单介绍一下你自己。")).toBeVisible({ timeout: 10000 });
|
|
await expect(page.getByText("你是什么角色？")).toBeVisible();
|
|
await page.waitForTimeout(500);
|
|
await page.screenshot({ path: `${SHOTS_DIR}/05-about-you-zh.png` });
|
|
});
|